首页 / JQUERY / 基于jQuery编写的页面跳转简单的小插件

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了基于jQuery编写的页面跳转简单的小插件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1050字，纯文字阅读大概需要2分钟。

内容图文

　　其实这个很简单，就是一个脚本函数和两个参数（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//创建节点 6var di = $("<div  style=‘width: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);
 8var ding = setInterval(function () {
 9                         tim--;
10                         $(‘#time‘).html(tim);
11if (tim == 0) {
12                             clearTimeout(ding); //清空定时器13                             di.remove();    //删除节点14                             window.location =url;   //跳转页面15                        }
16                     }, 1000);
17                }
18           });
19        });
20 </script>

　　　　4.函数调用方法：

　　　　　    首先在页面引用上段脚本代码，然后用：

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

　　　　　5.友情提示：

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

原文：http://www.cnblogs.com/haizeiwen/p/3604423.html

内容总结

以上是互联网集市为您收集整理的基于jQuery编写的页面跳转简单的小插件全部内容，希望文章能够帮你解决基于jQuery编写的页面跳转简单的小插件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1277302.html

来源：【匿名】