• 基于jQuery编写的页面跳转简单的小插件


      其实这个很简单,就是一个脚本函数和两个参数(url,jupetime),

      开始实现步骤:

        1.像页面引用一个jquery工具包

        2.在javascript脚本编写自定义方法:

           方法声明:

           $.extend({

            meMethod:function();

           });

         方法调用:

           $.meMethod();

      3.具体实现脚本代码:

            

     1 <script type="text/javascript">
     2         $(function () {
     3             $.extend({
     4                 pageJupe: function (tim, url) {
     5                         //创建节点
     6                         var di = $("<div  style='200px; height:100px; background-color:#dbd2d2;text-align:center;line-height:80px; position:absolute; top:45%; left:45%;'><p>页面将在<span id='time' style='color:red;font-size:25px;'>" + tim + "</span>秒后自动跳转</p></div>");
     7                         $('body').append(di);
     8                         var ding = setInterval(function () {
     9                         tim--;
    10                         $('#time').html(tim);
    11                         if (tim == 0) {
    12                             clearTimeout(ding); //清空定时器
    13                             di.remove();    //删除节点
    14                             window.location =url;   //跳转页面
    15                         }
    16                     }, 1000);
    17                 }
    18            });
    19         });
    20 </script>

        4.函数调用方法:

             首先在页面引用上段脚本代码,然后用:

              $.pageJupe(跳转页面的时间,跳转页面的地址); 来调用;

         5.友情提示:

             以上代码仅供参考,要是同志们有需要用到,可以把上面的脚本代码复制下来,专门存为一个脚本文件,然后按照调用方法即可使用

        

          

  • 相关阅读:
    聊聊软件架构
    聊聊Docker
    segment fault异常及常见定位手段
    Linux设备驱动故障定位指引与实例
    C语言switch/case圈复杂度优化重构
    Linux设备驱动框架设计
    TLA+和并发系统正确性验证
    linux kexec内核引导
    Linux中断子系统:级联中断控制器驱动
    软件性能优化方法汇编
  • 原文地址:https://www.cnblogs.com/haizeiwen/p/3604423.html
Copyright © 2020-2023  润新知