精华内容
下载资源
问答
  • html5实现--提示框、--弹出框、--消息框、--对话框源码、--自动消失提示框,基于mui开发。
  • html下各种弹出框模板(提示框,确定+取消,确定等)包括调用的js和css文件。实测可用,。。。。。。。。。。。。。。。。。。。。。。。。。。。。
  • 简单的弹出提示框js

    2015-08-24 22:32:20
    只是上传了简单的提示框dom,和相应的事件。需要自己写css文件,设定样式。
  • 主要介绍了基于HTML5 Canvas 实现弹出框效果,需要的朋友可以参考下
  • 之前我们分享过一款很不错的自定义提示框插件CSS3带图标提示插件 多主题颜色,今天我们再分享一款多功能的HTML5/CSS3弹出提示框。和上一款提示框一样,带有小图标,而且可以关闭提示框。不同的是,这款CSS3提示框...
  • html5点击弹出自动关闭消息提示框
  • html5简单的手机端弹出对话框确认代码 html5简单的手机端弹出对话框确认代码
  • 手机html5弹出框

    2016-07-20 12:55:05
    自己做的WAP自适应弹出框 可以作为参考
  • 面遮罩弹出框已经不是一个陌生的话题了,实现的方法大同小异多种多样,今天用jQuery实现页面遮罩弹出框,主要用的技术有JQuery,css和html,感兴趣的朋友可以参考下哈
  • HTML实现网页无限弹出提示框

    千次阅读 2020-03-10 18:18:24
    点确定后还会弹出,点不完!!! 实现这样操作的代码其实很简单: <script> while(true){alert("文字");} </script>> 有了这个,你就可以整整那些没做特殊字符过滤网站啦! 我就这样在创客网开了个...

    欢迎加入QQ学习交流群,与我们一起学习,一起进步吧!
    群号:225361733
    可以QQ扫一扫加入群聊哦!

    在这里插入图片描述
    只要3行代码呦!
    效果:
    在这里插入图片描述
    点确定后还会弹出,点不完!!!
    实现这样操作的代码其实很简单:

    <script>
    	while(true){alert("文字");}
    </script>
    

    有了这个,你就可以整整那些没做特殊字符过滤网站啦!
    我就这样在创客网开了个小号黑了官方
    在这里插入图片描述

    展开全文
  • html5手机验证转盘抽奖弹出提示框代码 html5手机验证转盘抽奖弹出提示框代码
  • 这是一款由CSS3 鼠标悬停时弹出文字提示框特效,一个HTML5 CSS3实现的悬停提示框效果,当鼠标放在指定区域时,会弹出一个漂亮带关闭功能的文字提示框,这在网页上已经有相当高的使用频率了,本悬停提示特效基于HTML5...
  • html5手机对话框制作文字提示弹出框特效
  • 主要介绍了JS+CSS实现可拖动的弹出提示框,涉及针对鼠标事件及html元素的操作技巧,非常具有实用价值,需要的朋友可以参考下
  • html各种弹出框和提示框

    千次阅读 2018-08-08 18:16:00
    控制台输出 console.log() console.info() confirm() alert() promt() 提示对话框 转载于:https://www.cnblogs.com/zouhong/p/9444477.html...

            控制台输出

          console.log()

           console.info()

    confirm()

    alert()

    promt()   提示对话框

     

    转载于:https://www.cnblogs.com/zouhong/p/9444477.html

    展开全文
  • animate弹出后,调用out函数消失。
  • 关闭或刷新html页面时弹出提示框(本文成功测试于谷歌浏览器) 第一步:在html文件中添加如下js代码: 第二步:编译运行,在浏览器页面操作刷新/关闭时,会弹出提示框 注意:上面的方法生效的前题是,打开该网页后...

    关闭或刷新html页面时弹出提示框(本文成功测试于谷歌浏览器)
    第一步:在html文件中添加如下js代码:
    在这里插入图片描述
    第二步:编译运行,在浏览器页面操作刷新/关闭时,会弹出提示框
    在这里插入图片描述
    在这里插入图片描述
    注意:上面的方法生效的前题是,打开该网页后,需要鼠标点击一下网页,让网页获取焦点,然后再关闭或刷新! 若打开后不点击页面直接关闭或刷新不会触发该方法。

    提示:Chrome和Firefox则只会显示默认的提示对话框,IE会显示出自定义的字符串。

    展开全文
  • 非常简单的jquery弹出框,附带源码JS和实例,只需一代码即可弹出,实际项目使用中
  • 功能分析: 在一个页面中,有一个div块,我想这样操作它: ...html: <a href="javascript:void(0)" onclick="deleteUser('${user.id}')" class="removeUser"> <img src="images/shanchu.png

    功能分析:
    在一个页面中,有一个div块,我想这样操作它:
    刚进入该页面,这个div 不显示,当点击该页面的某个按钮,该div会显示,且 其余部分变成灰色的 且不可进行操作:

    本案例使用删除作为div块 进行说明演示:效果如下:
    期待效果如下:
    在这里插入图片描述

    html:
    
    <a href="javascript:void(0)" onclick="deleteUser('${user.id}')" 
    	class="removeUser">
    	<img src="images/shanchu.png" alt="删除" title="删除"/>
    </a>
    

    javascript:void(0) 表示点击此超链接不跳转,只执行onclick指定的方法。

    下面是这个div:
    
    <div class="zuse"></div> <!--负责遮住页面,遮住后页面变黑,无法进行任何操作-->
    <div class="remove" id="removeUse">
        <div class="removerChid">
            <h2>提示</h2>
            <div class="removeMain">
                <p>你确定要删除该用户吗?</p>
                <a href="javascript:void(0)" id="yes" onclick="deleteUsers()">确定</a>
                <a href="#" id="no">取消</a>
            </div>
        </div>
    </div>
    

    css样式:

    /*点击删除按钮后弹出的层*/
    .zuse {
        display: none;  /*none表示不显示,被隐藏;修改为block后会使整个页面被阻塞*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.7;
        filter: alpha(opacity=70);
        overflow: hidden;
    }
    
    .remove{
       display: none;       /* 修改这里可以让删除框消失*/
        width: 400px;
        height: 190px;
        position: absolute;
        top: 200px;
        left:500px;
        background: #fff;
        border-radius: 4px;
    }
    

    js代码:

    var ids;
    function deleteUser(id) {
            ids = id;
            $('.zhezhao').css('display', 'block'); // 页面阻塞
            $('#removeUse').fadeIn();  // 提示框弹入到界面
            // fadeIn():淡入效果,是jQuery的方法,使标签元素的透明度从0到100%显示出来
            // fadeOut():淡出效果,也是jQuery的方法,使标签透明度从100% ~ 0 消失
        }
     // 点击确定按钮,进入此方法,执行删除用户的servlet
    function deleteUsers() {
            window.location.href="<%=request.getContextPath()%>/deleteServlet?id="+ids;
        }
    

    效果如下:
    在这里插入图片描述

    这是原生 html + css + js 实现 弹出提示框 并遮蔽页面 的功能,思路并不复杂,就是你得知道一些css样式的属性。

    另外,如果你学过bootstrap框架的话,它的一个叫 模态框 的组件就封装了这个功能,几行代码就实现了,你只需要在模态框写入文本,指明两三个属性值就行了。

    展开全文
  • 今天在HTML中引入JavaScript文件运行时,alert弹出提示框中文显示为乱码,怎么解决此问题呢?下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法,一起看看吧
  • HTML 弹出框功能

    2021-04-12 16:54:25
    HTML 弹出框功能 demo如下: 1、定义按钮触发弹出框 <button class="btn btn-info btn-sm" data-target="#myModal_add_part" data-toggle="modal" title="添加部門機台消耗性零件">添加部門、站別機台消耗性...
  • 点击右下角弹出.html

    2019-11-21 11:07:15
    通过JavaScript技术,点击页面上的标签或是点击按钮实现页面右下角弹出提示框信息,可搭配websocket等通信技术
  • html弹出框

    2020-04-13 14:14:04
    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charse...
  • JQuery弹出框插件,支持ie6+,多种提示样式,支持自定义样式
  • 网页自动弹出框

    2015-06-19 13:31:21
    弹出窗,打开网页自动弹出,可以继续美化,网站常用
  • 网页弹出提示框3秒后自动消失

    千次阅读 2019-11-15 20:18:22
    页面弹出提示框3秒后自动消失 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery实现点击弹出层3秒后自动消失</title> <script type=...
  • 一、弹出方式一(此方法来自https://github.com/cipchk/ngx-bootstrap-modal) 1.alert弹框 (1)demo目录 ——–app.component.ts ——–app.component.html ——–app.module.ts ——–detail(文件夹) ————detail....
  • 前端简单提示框(弹出提示框)源代码分享 如下图,单击左上角X按钮,弹出如下提示框,方便以后练习使用。 一、tip.html代码 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &...
  • 手机端弹出框

    2016-02-23 12:31:31
    手机端弹出框 http://www.w2bc.com/demo/201601/2016-01-05-jquery-dialog-animation/index.html
  • html微信分享提示弹出

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 125,540
精华内容 50,216
关键字:

html弹出提示框