jquery 简单的图片展示效果

html head titlejquery练习——简单的图片结果展示效果--cnblogs libsource//title style #cfoot ul,#cfoot li{ margin:0;padding:0;list-style-type:none; } #cdiv{ width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left; } #cfoot li{ display:inline-block;width:100px;height:100px;line-height:100px;float:left;text-align:center;border:1px solid #D5DDF9;margin-right:20px;cursor:pointer; } #cfoot li.cur{ border:1px solid #ffcc33; } #cleft,#cright{ float:left;text-...<a href="http://www.tulaoshi.com/n/20160219/1607235.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/1607235.html" target="_blank">jquery 简单的图片展示效果</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/1606448" target="_blank"><img src="http://img.tulaoshi.com/201602/19/fcf1beca3fccbfa92e06608cfab1a696_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/1606448.html" target="_blank">jQuery AnythingSlider滑动效果插件</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 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件，有些插件在本博客中已经有介绍，有些还没有，本文介绍的是：2009年度最佳 jQuery 插件—AnythingSlider 滑动在一个固定区域，循环显示几段内容，这种方式很...<a href="http://www.tulaoshi.com/n/20160219/1606448.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/8.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/1602865" target="_blank"><img src="http://img.tulaoshi.com/201602/19/5409d6a4dc5152d6da6274ee4f1191c2_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/1602865.html" target="_blank">jQuery Lightbox 图片展示插件使用说明</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 href="http://www.tulaoshi.com/n/20160219/1602865.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/安眠曲SV/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>安眠曲SV</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/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/1605361" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7c3474f3477c06b4ec3af12b8a4cabe4_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/1605361.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 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ？ arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ？ arguments[1] :true, isAlert = typeof arguments[2] ==="boolean" ？ argumen...<a href="http://www.tulaoshi.com/n/20160219/1605361.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:;">10</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/1602909" target="_blank"><img src="http://img.tulaoshi.com/201602/19/9f2cb0aa115f0ba63dbc341c532b1c4f_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/1602909.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"> !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=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...<a href="http://www.tulaoshi.com/n/20160219/1602909.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/萌小猫hy/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>萌小猫hy</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">208</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602928" target="_blank"><img src="http://img.tulaoshi.com/201602/19/257816090fb19fe4b55f4b9483af38dc_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/1602928.html" target="_blank">JQuery contains的选择器</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> contains选择符 contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类。下面的代码，运行后，需要刷新下，以便加载jquery !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head script src="ht...<a href="http://www.tulaoshi.com/n/20160219/1602928.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/年少无知931/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>年少无知931</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/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/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/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/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/1602900" target="_blank"><img src="http://img.tulaoshi.com/201602/19/778c4e70ab9e9bb4e0b04b0608699c26_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/1602900.html" target="_blank">jquery div提示框渐隐弹出与隐藏效果</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=gb2312" / titlejquery div提示框渐隐弹出与隐藏/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/s...<a href="http://www.tulaoshi.com/n/20160219/1602900.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/1.jpg" /><span>奋斗达人A</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">33</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/1602918" target="_blank"><img src="http://img.tulaoshi.com/201602/19/02cb4ca0ea7dbeec884050d0c472f06b_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/1602918.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"> div div jquery1274844839136="1"标题1/div div jquery1274844839136="2"标题2/div div jquery1274844839136="3"标题3/div div jquery1274844839136="4"标题4/div div jquery1274844839136="5"标题5/div div jquery1274844839136="6"标题6/div /div div进入之后才能看到效果！/div script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"/scriptscript type="text/javascript" $(d...<a href="http://www.tulaoshi.com/n/20160219/1602918.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:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605615" target="_blank"><img src="http://img.tulaoshi.com/201602/19/51b86a2c770d78ee03ad6b7ddc625cca_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/1605615.html" target="_blank">JQuery Dialog(JS 模态窗口,可拖拽的DIV)</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 打包下载效果图调用示意图交互示意图如上图所示，这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok()函数，这个函数对应了用户提交事件。 2、用OO的概念来说，JQueryDialog.Ok()其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok()中，这一点我借鉴了FCKEditor，如下代码所示： JS代码代码如下: var JQueryD...<a href="http://www.tulaoshi.com/n/20160219/1605615.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/15.jpg" /><span>辣妈护肤瘦身</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/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/1577965" target="_blank"><img src="http://img.tulaoshi.com/201602/17/fb7a59a4befc5ea3ebd7602953dad7bf_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/20160217/1577965.html" target="_blank">10款让你震撼的图片展示JS效果欣赏</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> 1.预览地址： http://preview.zcool.com.cn/code/js/04/1/ 2.预览地址： http://preview.zcool.com.cn/code/js/04/2/ 3.预览地址： http://preview.zcool.com.cn/code/js/04/3/ 4.预览地址： http://preview.zcool.com.cn/code/js/04/4/ 5.预览地址： http://preview.zcool.com.cn/code/js/04/5/ 6.预览地址： http://preview.zcool.com.cn/code/js/04/6/ ...<a href="http://www.tulaoshi.com/n/20160217/1577965.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/坚决反腐777/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>坚决反腐777</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">107</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/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/1602864" target="_blank"><img src="http://img.tulaoshi.com/201602/19/0d75d6b27351fda05c615d87454cb2f3_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/1602864.html" target="_blank">jquery picswitch图片焦点图展示效果</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-1.4.2.js的发布添加的新函数data的应用，所以jquery库一定要是1.4.2的版本另一方面就是css的编写，setInterval和setTimeout的用法，前者是每隔多长时间执行一次，后者是多长时间执行一次；关于setTimeout的用法有二种形式 1 setTimeout(code,interval) 中的code是字符串 2 setTimeout(func,interval,args) 中的func是函数实现代码 !DOCTYPE HTML PUBLI...<a href="http://www.tulaoshi.com/n/20160219/1602864.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/真汉子319/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>真汉子319</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> </ul> <div id="pages" class="clearfix"> <a href="/reader/21781.html">上一页</a><a href="/reader/21778.html">21778</a><a href="/reader/21779.html">21779</a><a href="/reader/21780.html">21780</a><a href="/reader/21781.html">21781</a><a href="/reader/21782.html" class="cur">21782</a><a href="/reader/21783.html">21783</a><a href="/reader/21784.html">21784</a><a href="/reader/21785.html">21785</a><a href="/reader/21786.html">21786</a><a href="/reader/21783.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>