JS通用代码:Tab选项卡通用js代码

自己一直在用的 js通用选项卡类：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /title滑动门通用JS/titlestyle type="text/css"!--body{margin:0px;padding:0px;font-size:12px;background:#eee;line-height:20px;}.bodyer{width:760px;margin:20px auto auto;border:1px dotted #ccc;background:#fff;}.t_rt{text-align:right;}h1,h2,h3,h4,h5,h6{font-weig...<a href="http://www.tulaoshi.com/n/20160220/1633444.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-20</span> <i>标签:</i> <div class="yyy_2_a"><a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="http://www.tulaoshi.com/n/20160220/1633444.html" target="_blank">JS通用代码:Tab选项卡通用js代码</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1591297" target="_blank"><img src="http://img.tulaoshi.com/201602/19/038bd84597d9c74aa905c866da06236d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1591297.html" target="_blank">广告代码静态化js通用函数</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">/* JavaScript Document 广告代码静态化js通用函数原则上每个页面不应该出现域名的固定指向 */ /* Config */ var sSiteUrl = "http://www.spvjoy.com"; //var sSiteUrl = "http://192.168.1.30:82"; var sSendSite = "http://send.mmstoon.com"; var sMp3Url = "http://r01.mmstoon.com/mp3/"; var sRingUrl = ...<a href="http://www.tulaoshi.com/n/20160219/1591297.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/慕言仙子/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>慕言仙子</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1589122" target="_blank"><img src="http://img.tulaoshi.com/201602/19/dfd35ea40866b94a53a6e0001b5efb25_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1589122.html" target="_blank">一个js封装的不错的选项卡效果代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 代码如下： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" title脚本之家选项卡效果 www.jb51.net/title script type="text/javascript" /* 选项卡封装 by 井底的蛙 ...<a href="http://www.tulaoshi.com/n/20160219/1589122.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/80後小妈/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>80後小妈</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">115</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606589" target="_blank"><img src="http://img.tulaoshi.com/201602/19/568fb53a53be910c603f1c6873e825bd_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1606589.html" target="_blank">js代码解密</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 解密是很简单的问题，方法：编写一个a.html，内容如下： textarea name=id_code style='width:100%;height:500'/textarea script language=javascript src=mapbarapi.js/script 修改下载到本地的mapbarapi.js文件，把第316个字符开始的return p修改为id_code.value=p即可，现在浏览器打开a.html就可以看见解密后的JS代码。由于百度的限制，无法粘贴完整的解密后的代码，只粘贴前面部分： ...<a href="http://www.tulaoshi.com/n/20160219/1606589.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/爱不如自作自受/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/29.jpg" /><span>爱不如自作自受</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603768" target="_blank"><img src="http://img.tulaoshi.com/201602/19/086768cdd5d283b082eb710d1982fe3e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1603768.html" target="_blank">JQuery Tab选项卡效果代码改进版</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 介绍的是基于JQuery实现的一个选项卡效果，重点体现在HTML里没有内联事件处理程序，而是定义在js文件里，做到行为与结构的分离。在实际应用过程中，只要保证选项卡模块结构代码的完整性，就可以任意添加N个同类选项卡，不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。在这里，我又做了部分的修改，增加了选项卡可自动切换功能，以及选项卡点击相应还是鼠标放上后相应的参数，同时依...<a href="http://www.tulaoshi.com/n/20160219/1603768.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/智邦培训网/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>智邦培训网</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">19</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1596410" target="_blank"><img src="http://img.tulaoshi.com/201602/19/da0b768af9a98fcfe884e8b1a4eb124e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1596410.html" target="_blank">js取得参数代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 代码如下： function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } alert(GetQueryString("id")); <a href="http://www.tulaoshi.com/n/20160219/1596410.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/草棚飙歌/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/20.jpg" /><span>草棚飙歌</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1594431" target="_blank"><img src="http://img.tulaoshi.com/201602/19/388b2a2b147725433e64a601b1405a7e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1594431.html" target="_blank">htm调用JS代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 1、用JS调用Htm，主页面怎么写？在body与/body之间合适位置写下这个代码： script language="JavaScript" src="head.js" type="text/JavaScript"/script src="js文件名称和路径" 2、js文件怎么写？比如：head.js内容这样写，把主页面里的htm需要转换成JS的代码，用JS语句“document.write”或“document.writeln”输出。用软件自动转换比较方便，比如：HTML to AnyCo...<a href="http://www.tulaoshi.com/n/20160219/1594431.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/瑞子沏/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>瑞子沏</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1594399" target="_blank"><img src="http://img.tulaoshi.com/201602/19/4301527f108e503d24765e5758fa7e83_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1594399.html" target="_blank">newxtree.js代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> /*========================================= Powered by Fason Email: fason_pfx@hotmail.com HomePage:http://fason.nease.net Version:3.0 =================================...<a href="http://www.tulaoshi.com/n/20160219/1594399.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/d丁一凡d/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>d丁一凡d</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1502930" target="_blank"><img src="http://img.tulaoshi.com/201601/29/4b6f1d4a991b9b0e388b209c20afb98b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1502930.html" target="_blank">dreamweaverMX通用分页代码研究</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/asp/" target="_blank">ASP</a></div> <div class="span_em_123"> dreamweaverMX已经正式发布了，Deamweaver4 + Deamweaver ULTRADEV 4 的组合使他成为当然的制做网页的首选工具，（好象做广告：） ) 好了，进入正题，我在以前做网页的分页时候都是用自己写的服务端脚本(我从不用ADO的分页)，用了MX后发现在这里面用分页太方便了，不过代码也有点太长了，大家看下面的代码就可以知道。用过之后我发现里面recordset 的cursortype设为0分页竟然可以正常工作！这令我吃...<a href="http://www.tulaoshi.com/n/20160129/1502930.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/嗨一会有何不可/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/20.jpg" /><span>嗨一会有何不可</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1594299" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7aa792e8e681ed408b27f7b94e278355_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1594299.html" target="_blank">xtree.js 代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">代码如下： //** Powered by Fason //** Email: fason_pfx@hotmail.com var icon={ root :'image/root.gif', open :'image/open.png', close :'image/close.png', file &nb...<a href="http://www.tulaoshi.com/n/20160219/1594299.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/还挺逗乐儿/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>还挺逗乐儿</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">22</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1600707" target="_blank"><img src="http://img.tulaoshi.com/201602/19/71c4047e7d4bd84a5f401ac90a64a7e5_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1600707.html" target="_blank">JS代码混淆初步</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">一直以来，JS前端代码因为必须经过IE明文解析，某些加密的JS如：JScript.Encode也因为树大招风，早就被人破解了。还有些加密的手段，通过复杂的变换，改变源码，但最终都逃不脱最后的审判，像unescape,document.write,eval语句来还原。对于JS代码的保护，最好的手段就是混淆，混淆的目的就是让读懂代码的成本比直接写代码的成本高，混淆不是不可破解的，只是增加破解成本,JAVA,C#的加密都是采用混淆。这样对于...<a href="http://www.tulaoshi.com/n/20160219/1600707.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/我是童话ok/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>我是童话ok</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">38</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1588913" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7785227efa1ddd5fdc505a1db07e6ff0_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1588913.html" target="_blank">java与js代码互调示例代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123">在用HTML5做跨平台应用开发时,尝尝会用到java和js方法互调的问题,对初学者而言,可能会有点难,在这里分享一些自己在实际开发过程中的用法,希望对你有帮助: 首先是js代码调用java代码介绍: 代码如下： public class CzingLBWebMain extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.loadUrl(file:///android_asset/www/czin...<a href="http://www.tulaoshi.com/n/20160219/1588913.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/爱国安小宝/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>爱国安小宝</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590141" target="_blank"><img src="http://img.tulaoshi.com/201602/19/fd8b5340edfa0dae0c7209b6e9207126_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590141.html" target="_blank">清空代码防止查看源代码的js代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">这招算是目前网上公布的防止查看源代码的方法中最好的了，当然了，要看还是办法的，比如在地址栏中输入"javascript:alert(document.documentElement.outerHTML);"。 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]<a href="http://www.tulaoshi.com/n/20160219/1590141.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/你好亲亲55/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>你好亲亲55</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">19</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1598314" target="_blank"><img src="http://img.tulaoshi.com/201602/19/b842146199c02cd38f3a795e5eac4916_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1598314.html" target="_blank">js计数器代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">代码如下： script Language="javascript" var seconds = 10;//记数时间 var handle;//事件柄 //开始记数器 function startTimer() { handle = setInterval("timer()",1000); } //结束记数器 function stopTimer() { clearInterval(handle); seconds&nbs...<a href="http://www.tulaoshi.com/n/20160219/1598314.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/起个名也麻烦C/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/4.jpg" /><span>起个名也麻烦C</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">276</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1598206" target="_blank"><img src="http://img.tulaoshi.com/201602/19/118bbb68321fc501edccf1d3a39ee078_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1598206.html" target="_blank">类似框架的js代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">代码如下： html head title类似框架的JS导航菜单/title meta http-equiv=content-Type content="text/html;charset=gb2312" !--把下面代码加到head与/head之间-- SCRIPT language=JavaScript function secBoard(n) { ...<a href="http://www.tulaoshi.com/n/20160219/1598206.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/举步相思/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>举步相思</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602482" target="_blank"><img src="http://img.tulaoshi.com/201602/19/963154aab16b0e8787f50d7cc43d51b3_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1602482.html" target="_blank">JS、HTML代码运行工具</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> JS、HTML代码运行工具 JS、HTML脚本运行工具 <a href="http://www.tulaoshi.com/n/20160219/1602482.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/小额信贷贷款/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>小额信贷贷款</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1633370" target="_blank"><img src="http://img.tulaoshi.com/201602/20/d8d7ccf0d2b4a02428adeba99a0f0ed6_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160220/1633370.html" target="_blank">JS实例:控制非法字符输入的JS代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> html文件代码如下： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" titleJS控制非法字符的输入/title /head body form p这里不允许输入如下字符:(像!@#$%^&*等）br textarea rows="2" cols="20" n...<a href="http://www.tulaoshi.com/n/20160220/1633370.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/欢乐大丸子/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/20.jpg" /><span>欢乐大丸子</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">23</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1596123" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a7938575bfb69505685f5c61e48db6f0_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1596123.html" target="_blank">强效、方便的表单通用检测JS 不错</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 无标题文档 JS通用表单Input检测块(IE支持) 通过自定义每一个Input的六个新属性(可省略任意个) //自定义属性解释(IE支持): //ii_chname：表示该数据的中文名称 //ii_minsize:表示允许输入的最小长度,单位字节 //ii_maxsize：表示允许输入的最大长度,单位字节 //ii_type:限制输入的数据类型，有 EN(英文),CN(中文),NUM(实数),INT(整数),DATE(短日期),EMAIL(邮件) CARD(身份证...<a href="http://www.tulaoshi.com/n/20160219/1596123.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/lebing668/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>lebing668</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1633317" target="_blank"><img src="http://img.tulaoshi.com/201602/20/f8dce0258e014fe005f6f6961c7dfec2_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160220/1633317.html" target="_blank">JS实例:网页上图片延迟加载的JS代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 效果可以直接看淘宝的商品分类页、还有QQ的商城页相关地址：淘宝商城显示大家如果使用firebug去查看的话就会发现，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。实现原理把所有需要延时加载的图片改成如下的格式...<a href="http://www.tulaoshi.com/n/20160220/1633317.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/追梦赤子A/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>追梦赤子A</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602336" target="_blank"><img src="http://img.tulaoshi.com/201602/19/862102d21042429bd27d42d183807773_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1602336.html" target="_blank">非常好的js代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 控制横向和纵向滚动条的显隐？ body style="overflow-y:hidden" 去掉x轴 body style="overflow-x:hidden" 去掉y轴 body scroll="no"不显表格变色 TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''" style="CURSOR: hand" 禁止复制，鼠标拖动选取 body ondragstart=window.event.return...<a href="http://www.tulaoshi.com/n/20160219/1602336.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/xhovfm5jxh/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>xhovfm5jxh</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1597470" target="_blank"><img src="http://img.tulaoshi.com/201602/19/5d2f67a39e644640eab8f1e0df39ef41_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1597470.html" target="_blank">js倒计时代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> #oTime {color: blue;font-size: 12px;} [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]<a href="http://www.tulaoshi.com/n/20160219/1597470.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/见风使舵不是错/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>见风使舵不是错</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21235.html">上一页</a><a href="/reader/21232.html">21232</a><a href="/reader/21233.html">21233</a><a href="/reader/21234.html">21234</a><a href="/reader/21235.html">21235</a><a href="/reader/21236.html" class="cur">21236</a><a href="/reader/21237.html">21237</a><a href="/reader/21238.html">21238</a><a href="/reader/21239.html">21239</a><a href="/reader/21240.html">21240</a><a href="/reader/21237.html">下一页</a> </div> </div> </div>  <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="http://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="http://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="http://static.tulaoshi.com/js/zt.js"></script> </body> </html>