zoukankan      html  css  js  c++  java
  • 基于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.友情提示:

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

        

          

  • 相关阅读:
    排序算法分析
    图论算法小结
    A*算法
    分支界限法的应用
    图的搜索策略
    最大二分匹配
    C++学习笔记(1)
    vscode简单c语言多文件编译
    c语言变量大小
    十大排序算法总结
  • 原文地址:https://www.cnblogs.com/haizeiwen/p/3604423.html
Copyright © 2011-2022 走看看