html xmlns="http://www.w3.org/1999/xhtml" headtitlejQuery与javascript对照学习(获取父子前后元素)/titlestyle type="text/css".c1{background-color:green;padding:20px;}.c2{background-color:red;padding:20px;}.c1 div{background-color:gray;}/stylescript type="text/javascript" src="style/jquery-1.3.2.min.js"/scriptscript type="text/javascript"function fNext(obj){//许多时候需要元素之间没有间隙才能取到//alert(obj.nextSibling.id);alert(jQuery(obj).next().attr("id"));//传递this,通过$(obj)转化为jQuery对象}function fPrev(obj){//alert(ob...<a href="http://www.tulaoshi.com/n/20160219/1607711.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</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/20160219/1607711.html" target="_blank">jQuery与javascript对照学习 获取父子前后元素 实现代</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/1606482" target="_blank"><img src="http://img.tulaoshi.com/201602/19/bf585bb63b6c0dc138e0ec2894e38d9e_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/1606482.html" target="_blank">jQuery插件 tabBox实现代码</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 打包下载 查了一下jq的官方插件编写文档( http://docs.jquery.com/Plugins/Authoring )以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好,但还是努力看下来(既学习到知识又能练习英语,何乐不为),照猫画虎的写了一个处女作——tabBox。 顾名思义,这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的,不论...<a href="http://www.tulaoshi.com/n/20160219/1606482.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/smilebirdtime/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/12.jpg" /><span>smilebirdtime</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1291219" target="_blank"><img src="http://img.tulaoshi.com/201601/07/d92860e5f28159306dd3b8d8420155cb_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/20160107/1291219.html" target="_blank">春季饮食养生可以多吃些草莓&nbsp;</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/chunjiyangsheng/" target="_blank">春季养生</a> <a href="http://www.tulaoshi.com/yangsheng/" target="_blank">养生</a> <a href="http://www.tulaoshi.com/jiankang/" target="_blank">健康</a></div> <div class="span_em_123"> 岭南地区今春气候可能热中偏燥,再兼去年寒湿重,www.tulaoshi.com故很容易导致内寒外热、肝气郁滞。另一方面,春天又是肝气升发的季节,由于肝气上逆,肝病患者容易出现病情变化,肝功能异常,严重者甚至会发生出血。广东省中医院肝病科主任池晓玲表示,春季养肝药膳食疗应重在平肝气、养肝阴、去风热。 .hzh {display: none; } 太子参大枣陈皮茶:太子参15克,大枣5枚,陈皮3克。将太子参、大枣...<a href="http://www.tulaoshi.com/n/20160107/1291219.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Aplaca丶/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>Aplaca丶</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602891" target="_blank"><img src="http://img.tulaoshi.com/201602/19/cc335b6bee6302e34844c3957178580b_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/1602891.html" target="_blank">jQuery 练习[一] 学习jquery的准备工作</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 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...<a href="http://www.tulaoshi.com/n/20160219/1602891.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/1590757" target="_blank"><img src="http://img.tulaoshi.com/201602/19/f9ea02534fe415c3f218135e04518636_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/1590757.html" target="_blank">作业快到火里来 你才到火里去! - QQ搞笑分组</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/diannaorumen/" target="_blank">电脑入门</a></div> <div class="span_em_123"> 作业快到火里来 你才到火里去! 你不能找个大点的 火吗 作业那么多怎么 烧的完啊 --------------------------------- <a href="http://www.tulaoshi.com/n/20160219/1590757.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:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1607668" target="_blank"><img src="http://img.tulaoshi.com/201602/19/db3ed15881c7a193fde86f898c80d07f_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/1607668.html" target="_blank">Jquery 学习笔记(二)</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这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么Jquery借鉴CSS也就没有多少疑问了。 还是复习一下Jquery的选择器吧 其中h1为选择器,color:red与background:#d00与声明,两者结合也即{}内称为声明块;color与background称为属性;red与#d00称为值。 其中选择器类别可分为以下类别: 标签选择器:p{CSS rules} id选择...<a href="http://www.tulaoshi.com/n/20160219/1607668.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/75l9289/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>75l9289</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/1603046" target="_blank"><img src="http://img.tulaoshi.com/201602/19/e363f1258194c75bb343c24c4fe75fb4_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/1603046.html" target="_blank">jquery 实现的改变颜色与背景的代码 change(fontsize,</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 !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" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...<a href="http://www.tulaoshi.com/n/20160219/1603046.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/26.jpg" /><span>今晩报</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">30</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605106" target="_blank"><img src="http://img.tulaoshi.com/201602/19/1ddee5c42882760e85702f26d8cd1e86_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/1605106.html" target="_blank">jQuery MD5加密实现代码</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> $(md("你想要加密的字符串")); md5插件下载地址:打包下载 下面是我的简单例子 代码如下: !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" head title/title script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"/script script type="text/javascript" src=...<a href="http://www.tulaoshi.com/n/20160219/1605106.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:;">44</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603067" target="_blank"><img src="http://img.tulaoshi.com/201602/19/5f18b1da273d5a64586bf1b38c1fa519_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/1603067.html" target="_blank">Jquery find与filter函数区别 说明</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">find()会在div元素内 寻找 class为classname的元素。 filter()则是筛选div的class为classname的元素。 基本是find子元素找,filter是平级找 ·find 函数是在当前对象集合的子元素中进行查询; ·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围; ·find 函数的参数是 jQuery 选择器表达式; ·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系); ·filter 的参数...<a href="http://www.tulaoshi.com/n/20160219/1603067.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/17.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/1603056" target="_blank"><img src="http://img.tulaoshi.com/201602/19/05b74fbf34e979b8db0da3876d8311b6_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/1603056.html" target="_blank">Jquery change(fontsize,background) 改变颜色与背景</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 !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" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...<a href="http://www.tulaoshi.com/n/20160219/1603056.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/6.jpg" /><span>从不穿裤裤的我</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605561" target="_blank"><img src="http://img.tulaoshi.com/201602/19/d6d76c60a186b859a769c532de288d2a_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/1605561.html" target="_blank">JQuery.uploadify 上传文件插件的使用详解 for A</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..! 接下来就讲讲使用过程吧: 1. 下载 官方网站: http://www.uploadify.com/ 直接下载:jquery.uploadify-v2.1.0.rar 下载解压后: 说明:它里面有demo 但是是PHP的,还有一个帮助文档:uploadify v2.1.0 Manual.pdf. 2.创建工程: 结构如图 文件说明: A.js文件夹下...<a href="http://www.tulaoshi.com/n/20160219/1605561.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/zniggang358/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>zniggang358</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">62</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1604642" target="_blank"><img src="http://img.tulaoshi.com/201602/19/6afdaa62ee7fbce7bda0ca3195cd6162_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/1604642.html" target="_blank">初试jQuery EasyUI 使用介绍</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 EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,window等等。 OK,下面就开始我们的初探之...<a href="http://www.tulaoshi.com/n/20160219/1604642.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/LL170063/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>LL170063</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">26</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606793" target="_blank"><img src="http://img.tulaoshi.com/201602/19/418cb54c1c95ef546a415fe48be8aea5_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/1606793.html" target="_blank">jQuery DOM操作 基于命令改变页面</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为我们提供了丰富的DOM操作方法,使这些复杂的DOM操作变得简单。 继上一回写jQuery的笔记貌似已经过去很长时间了,这一节也确实有必要写一下了,呵呵,Let's Go~ 操作属性: 之前,我们说过.addClass()及.removeClass()方法,更改的其实也是DOM的属性:className。 说到这就得再提一下,为啥元素的类名叫做className而不是直接叫class,因为cla...<a href="http://www.tulaoshi.com/n/20160219/1606793.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:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605601" target="_blank"><img src="http://img.tulaoshi.com/201602/19/2bf0ff5792e6fe57dedf2787c9dcd738_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/1605601.html" target="_blank">jQuery 入门级学习笔记及源码</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真的很好,有些效果甚至让我尖叫。而各种插件能实现你喜欢的效果,这种方式为jQuery的流行奠定了基础,就像那个crocs鞋子似的。jQuery还有一个优点是达到了将行为与结构分开的目的。 内容概要: 1. 安装 2. Hello jQuery 3. Find me:使用选择器和事件 4. Rate me:使用AJAX 5. Animate me(让我生动起来):使用FX (jQuery FX,jQuery UI后的第二个子库,强调动画效果而非UI的外观模块,...<a href="http://www.tulaoshi.com/n/20160219/1605601.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:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602849" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7b899020c5ed831405f4c6c68e3cd9bc_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/1602849.html" target="_blank">jquery css 选择器演示代码</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 type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...<a href="http://www.tulaoshi.com/n/20160219/1602849.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/yellowcatzy/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>yellowcatzy</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/1602842" target="_blank"><img src="http://img.tulaoshi.com/201602/19/29cab827adbc177a9c1b7bc6f81419cd_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/1602842.html" target="_blank">jQuery 练习[二] jquery 对象选择器</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下: divAAA/div divBBB/div divCCC/div 根据标签选择, 如: $("span") 代码如下: divspanAAA/span/div divBBB/div spanCCC/span 根据样式的类名选择, 如: $(".class1") 代码如下: divAAA/div divBBB/div divCCC/div 选择所有对象是: $("*") 可混合使用, 如(复制代码): !docty...<a href="http://www.tulaoshi.com/n/20160219/1602842.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/小雨ZENKI/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>小雨ZENKI</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/1603037" target="_blank"><img src="http://img.tulaoshi.com/201602/19/4631a4e2452d3ed4d727f1d859b5b64e_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/1603037.html" target="_blank">jquery toggle faq 春江花月夜版</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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title豪情/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle dt{cursor:pointe...<a href="http://www.tulaoshi.com/n/20160219/1603037.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Time困心/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>Time困心</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/1604568" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7a647a0da7284fad3e47c3692c80b15b_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/1604568.html" target="_blank">JQuery 插件制作实践 xMarquee插件V1.0</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,向左或者右移动列表中的元素.(注,上下方向也一样的,用css控制列表元素float的方向即可~) 2,鼠标移动到某个元素上时,改元素突出显示(css控制),播放器停止滚动。移开后继续跑马。。 3,可选左右手工导航按钮。 实现原理 移动列表末尾元素到第一个元素前面即可。 将来的扩展(以后用到的话再看吧) 多个元素同时移动;移动时的效果;移动后的回调函数;(注:利用移动后...<a href="http://www.tulaoshi.com/n/20160219/1604568.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/18.jpg" /><span>逆流成名</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">17</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1600642" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a047f26e01347e50b7b52acb3843344a_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/1600642.html" target="_blank">prototype 1.5 & scriptaculous 1.6.1 学习笔记</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">最近做otalk,开始是基于prototype1.4的,后来因为我加上了scriptaculous 1.6.1,她要求prototype的版本是1.5的,所以就升级到了1.5,看着demo学习起了scriptaculous的用法. 用法稍后整理,因为在使用过程中很多次效果都不让自己满意,想看代码又看不明白,经过一次折磨,我下定决心,一定要把scriptaculous和prototype的代码看明白! 这里作为我的学习笔记,可能没有什么顺序了逻辑,等到学习完,最后整理 首先是...<a href="http://www.tulaoshi.com/n/20160219/1600642.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/22.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/1606472" target="_blank"><img src="http://img.tulaoshi.com/201602/19/9d6dced25f48fd0360bbf65ca887e359_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/1606472.html" target="_blank">JQuery与iframe交互实现代码</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">在iframe中查找父页面元素的方法: $('#id', window.parent.document) 在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量: parent.method parent.value<a href="http://www.tulaoshi.com/n/20160219/1606472.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/1296531" target="_blank"><img src="http://img.tulaoshi.com/201601/07/cf05e4f7f6440cea728c3940d6977d26_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/20160107/1296531.html" target="_blank">饮茶的"宜"与"忌"</A></div> <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/yangsheng/" target="_blank">养生</a> <a href="http://www.tulaoshi.com/jiankang/" target="_blank">健康</a></div> <div class="span_em_123"> 适量饮茶,好处很多。如果饮茶过浓,饮茶时间,方法不合适,不同体质的人选用一样的饮茶方法,或用茶水送部分药等,不仅是起不到好作用,反而于身体不利。自古来,我国人民对喝茶是很讲究。在饮茶生活中对时间、浓淡、冷热、新陈以及不同的人如何饮茶等都有丰富经验。前人总结不同时间、不同情况下饮茶的作用是不一样的,如早茶使人心情愉快、午茶提神,劳累后饮茶解疲劳;酒后茶利于肠胃,可消食解酒毒...<a href="http://www.tulaoshi.com/n/20160107/1296531.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:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21770.html">上一页</a><a href="/reader/21767.html">21767</a><a href="/reader/21768.html">21768</a><a href="/reader/21769.html">21769</a><a href="/reader/21770.html">21770</a><a href="/reader/21771.html" class="cur">21771</a><a href="/reader/21772.html">21772</a><a href="/reader/21773.html">21773</a><a href="/reader/21774.html">21774</a><a href="/reader/21775.html">21775</a><a href="/reader/21772.html">下一页</a> </div> </div> </div> <!--footer底部--> <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> <!--tag PC分类 标签--> <script type="text/javascript" src="http://static.tulaoshi.com/js/zt.js"></script> </body> </html>