精华内容
下载资源
问答
  • 弹窗美化
    2021-06-23 02:29:40

    前言后语

    作为站长都不希望自己原创的内容被伸手党无情的搬走,虽然我们不能阻止伸手党的行为,但是我们可以做一个提示,这样至少有一定版权认识的人看到了,都会带个原站链接,一般的js复制弹窗是不是觉得很now,这次久伴带给大家的是美化版的复制弹框,效果见本站

    效果图

    6e4532a72a6e21bbab7327e8bf6f8e44.png

    通用教程

    //在网页底部调用下边的两个静态文件

    //然后添加如下代码

    上面的js和css都是挂载在cdn,有强迫症的可以自己本地化一下

    知更鸟主题教程

    打开主题目录functions.php文件,添加以下代码

    /*js弹窗美好*/

    add_filter('the_content', 'old_content_message');

    function zm_copyright_tips() {

    echo '';

    echo '';

    echo '';

    }

    add_action( 'wp_footer', 'zm_copyright_tips', 100 );

    注意:代码添加OK之后注意刷新网站缓存,有的站点可能有缓存,导致没有效果

    更多相关内容
  • layer.load五、layer.js引入方法六、另一种alert美化——swal6.1 引入6.2 用法6.2.1 标准弹窗6.2.2 带标题的弹窗6.2.2 带成功提示的弹窗七、layer学习 一、layer.confirm 1.1 效果 此时只有点击确定,才会执行删除...

    一、layer.confirm

    1.1 效果

    在这里插入图片描述
    此时只有点击确定,才会执行删除操作;点取消不会删除(两个函数二选一)。

    1.2 用法

    layer.confirm(content, options, yes, cancel)
    

    1.3 代码分析

    onclick事件触发doDel函数,doDel函数执行删除操作

    <button type="button" class="btn btn-danger" onclick="doDel('{% url 'delvuln' data.id %}')">删除</button>
    
      <script>
            //自定义执行信息删除提示判断,参数uu是成功的删除url地址
            function doDel(uu) {
                layer.confirm('是否要删除?', {
                    btn: ['确定', '取消']
                    // 按钮
                }, function () {
                    //网页跳转
                    window.location = uu;
    
                });
            }
        </script>
    

    layer.confirm空白框架:

        layer.confirm('是否要删除?', {
                btn : ['确定', '取消']
                  // 按钮
                }, function() {
    				xxxxxxxx
    
      });
    

    二、layer.open

    2.1 效果

    在这里插入图片描述
    只起弹窗效果,不会执行任何函数。

    2.2 用法

    layer.open(options)  //核心方法
    

    2.3 示例

    layer.open({
      title: '在线调试'
      ,content: '可以填写任意的layer代码'
    });
    

    三、layer.alert

    3.1 效果

    在这里插入图片描述
    此时不论是否点击确定,都会直接删除(只会执行一个函数)。‘删除成功’只是个信息。

    3.2 用法

    layer.alert(content, options, yes)		//普通信息框
    

    3.3 示例

       <script>
            //自定义执行信息删除提示判断,参数uu是成功的删除url地址
            function doDel(uu) {
                layer.alert("删除成功!", function () {
                    window.location = uu;
                });
            }
        </script>
    

    layer.alert空白框架:

    layer.alert("删除成功!",function(){
    		xxxxxxxx
    	}); 
    

    四、layer.msg 与 layer.load

    layer.msg(content, options, end)		//提示框	
    
    layer.load(icon, options)		//加载层
    

    五、layer.js引入方法

    将整个layer文件夹加入项目
    在这里插入图片描述
    并单独引入layer.js单个文件

     <script type="text/javascript" src="/static/layer/layer.js"></script>
    

    六、另一种alert美化——swal

    6.1 引入

    在线:

    <link rel="stylesheet" type="text/css" href="https://blog.huangwx.cn/css/sweetalert.css">
    <script type="text/javascript" src="https://blog.huangwx.cn/js/sweetalert-dev.js"></script>
    

    离线:https://blog.huangwx.cn/win95/sweetalert.zip

    6.2 用法

    6.2.1 标准弹窗

    swal("开始这个完美的弹出框旅程吧!")
    

    6.2.2 带标题的弹窗

    swal("这是标题!","这是文本")
    

    6.2.2 带成功提示的弹窗

    swal("这还是标题!","这还是文本","success")
    

    七、layer学习

    layer.js的具体参数含义及其他方法请去这里查询:http://www.h-ui.net/lib/layer.js.shtml

    layer.js参考:https://blog.csdn.net/kxukai/article/details/103071754

    sweetalert-dev.js参考:https://blog.csdn.net/windy1001/article/details/82685977

    展开全文
  • c# winform 右下角弹窗美化 1.成功样式, 2.警告样式, 3.错误样式, 4.信息样式
  • java弹窗美化Demo

    2020-05-07 06:24:19
    1.0 java弹窗美化.rar,Demo_test,.project,src,MainClass.java,MainFrame.java,.settings,org.eclipse.jdt.core.prefs,.classpath,bin,MainFrame$1.class,MainFrame.class,MainClass.class
  • 美化powerbuilder弹出窗口的工具,有多种美化功能和实例,绝对好用。
  • js复制弹窗美化

    2021-06-23 02:27:40
    虽然我们不能阻止伸手党的行为,但是我们可以做一个提示,这样至少有一定版权认识的人看到了,都会带个原站链接,一般的js复制弹窗是不是觉得很now,这次久伴带给大家的是美化版的复制弹框,效果见本站效果图通用...

    前言后语

    作为站长都不希望自己原创的内容被伸手党无情的搬走,虽然我们不能阻止伸手党的行为,但是我们可以做一个提示,这样至少有一定版权认识的人看到了,都会带个原站链接,一般的js复制弹窗是不是觉得很now,这次久伴带给大家的是美化版的复制弹框,效果见本站

    效果图

    6e4532a72a6e21bbab7327e8bf6f8e44.png

    通用教程

    //在网页底部调用下边的两个静态文件

    //然后添加如下代码

    上面的js和css都是挂载在cdn,有强迫症的可以自己本地化一下

    知更鸟主题教程

    打开主题目录functions.php文件,添加以下代码

    /*js弹窗美好*/

    add_filter('the_content', 'old_content_message');

    function zm_copyright_tips() {

    echo '';

    echo '';

    echo '';

    }

    add_action( 'wp_footer', 'zm_copyright_tips', 100 );

    注意:代码添加OK之后注意刷新网站缓存,有的站点可能有缓存,导致没有效果

    展开全文
  • 弹窗美化代码

    2013-08-20 11:20:39
    弹窗美化代码,使弹出窗口的效果美化,更友好
  • Android弹窗UI美化

    2018-12-07 16:59:01
    漂亮的android弹窗,更改了很多布局,瞬间高大上。可以显示图片。
  • 主要为大家详细介绍了微信小程序实现漂亮的弹窗效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 关于js弹窗美化

    千次阅读 2018-07-13 17:09:31
    今天研究了一下js的弹窗美化下面请看图有详细注释:这是创建元素下面要定义一个修改样式的方法:cssobj亲前面的参数是元素然后就是增加样式了:样式增加完成后就要把样式互相嵌套让它成为一个弹窗:这样还没完还要添加...

    今天研究了一下js的弹窗美化下面请看图有详细注释:

    这是创建元素下面要定义一个修改样式的方法:

    cssobj亲前面的参数是元素然后就是增加样式了:

    样式增加完成后就要把样式互相嵌套让它成为一个弹窗:

    这样还没完还要添加功能不然它是不会关的:

    最后效果是这样:

                                                                                                   今天分享就到这里 谢谢!!!

    展开全文
  • 美化JS弹窗

    2012-11-27 13:20:08
    美化了原有的弹窗,做成类似凡客诚品的alert,confirm弹出窗样式,下载后修改即可使用。
  • jquery弹窗确认美化窗口代码下载
  • 原生弹窗不好看?种类少?那就用这款可自定义的css美化弹窗弹窗标题,内容,按钮都可自定义。
  • 正如上图你看到的这样,这就是今天要给大家分享的一款JAVASCRIPT弹窗插件—SweetAlert。 SweetAlert是一款纯JS的WEB弹窗插件,不依赖其他任何第三方(如:jQuery等)组件,引用它只需要两个文件,一个SweetAlert的...
  • 弹窗公告源码.zip,css,tc.css,confiptt.php,必看说明.txt,index.html ※※※※※※※※※※本 站 宣 传 语 言※※※※※※※※※※※※※※ 华雨啦资源网:huayula.com 华雨啦资源网是一个收集和分享全网优质...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,438
精华内容 975
关键字:

弹窗美化