chenqu_qwq 发表于 2022-5-17 12:34:33

关于一些网页制作的小问题

第一个是提交完表单时,要求页面不跳转,并且在页面中上出显示一个提示框:提交成功。这个应该怎么实现,查资料的时候不知道用什么关键词查这个问题。
第二个就是想在鼠标悬停到图片上的时候,会在图片出来一个页面显示一些文字内容。这个又该怎么实现。
谢谢大家{:5_105:}

wp231957 发表于 2022-5-17 12:38:42

跳不跳转,不是自己说了算吗

wp231957 发表于 2022-5-17 12:41:46

关于图片的那个需求,网上有很多,不知道你想要的是啥样的

Twilight6 发表于 2022-5-17 12:47:24



第一个问题:应该要用到 AJAX 技术

第二个问题:设置鼠标悬停事件,配合计时器来实现悬停触发效果,然后显示文字内容应该设置为显示或者

chenqu_qwq 发表于 2022-5-17 16:44:09

wp231957 发表于 2022-5-17 12:38
跳不跳转,不是自己说了算吗

是想点完提交之后,在当前网页会弹出一个小窗口说提交成果,然后点确定关掉这个小窗口

chenqu_qwq 发表于 2022-5-17 16:44:42

Twilight6 发表于 2022-5-17 12:47
第一个问题:应该要用到 AJAX 技术

第二个问题:设置鼠标悬停事件,配合计时器来实现悬停触发效果, ...

第一个能不能细说

chenqu_qwq 发表于 2022-5-17 16:45:27

wp231957 发表于 2022-5-17 12:41
关于图片的那个需求,网上有很多,不知道你想要的是啥样的

就是想鼠标移过去之后图片就会浮现出一些字,搜的话我应该怎么搜

wp231957 发表于 2022-5-17 20:28:11

chenqu_qwq 发表于 2022-5-17 16:44
第一个能不能细说

你自己写后台不,是否原地跳转,和后台也有些关系的

kogawananari 发表于 2022-5-17 20:39:06

第二个postMessage

白砂糖 发表于 2022-5-20 00:18:52

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title></title>
                <script type="text/javascript">
                        function showSuccess(){
                                alert("提交成功")
                        }
                </script>
        </head>
        <body>
                <form >
                        <table>
                                <tr>
                                        <td>用户名</td>
                                        <td><input type="text" id="username"></td>
                                </tr>
                                <tr>
                                        <td>密码</td>
                                        <td><input type="password" id="username"></td>
                                </tr>
                               
                        </table>
                        <div>
                                <button type="button" onclick="showSuccess()">提交</button>
                        </div>
                </form>
        </body>
</html>

白砂糖 发表于 2022-5-20 00:25:15

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title></title>
                <script type="text/javascript">
                        function showView(){
                                //网页可以自己调
                        window.open('https://www.baidu.com','_blank','width=200px','height=200px')
                }
                </script>
               
        </head>
        <body>
                <div>
                        <img src="../images/ad-01.jpg" onmouseover="showView()">
                </div>
        </body>
</html>

沐雨尘枫 发表于 2022-8-20 17:38:59

很简单用js
javescript入门经典第6版中
28页代码可解决第一个问题
第二个在22页

沐雨尘枫 发表于 2022-8-20 17:39:36

沐雨尘枫 发表于 2022-8-20 17:38
很简单用js
javescript入门经典第6版中
28页代码可解决第一个问题


https://www.jb51.net/books/614555.html
电子书下载

沐雨尘枫 发表于 2022-8-20 17:43:45

沐雨尘枫 发表于 2022-8-20 17:39
https://www.jb51.net/books/614555.html
电子书下载

白砂糖的我给你提取下关键
function创建函数之后是函数名
window.open可以用alert代替
onmouseove实现图像翻滚

页: [1]
查看完整版本: 关于一些网页制作的小问题