posts - 7,  comments - 24,  trackbacks - 0
摘要:想要和园友分享一下学习jquery的经验、总结,更希望园友提出点建议。第一次写,有不好的地方请多多见谅!文笔有限,很多时候不知道怎么来描述,唉、硬伤啊!!那只好多做了,贴代码。。。ok,废话少说,先上Demo,里面有5个Demo,从简单的jquery到重构为jquery小插件。包含两个效果,手风琴效果和点击图片放大。上菜:Demo无缝连接原理: 1、定义显示区域,比如你有十张图片每次只显示5张。假如一张图片宽150px,那么可以用一个750px的div来包含一个1500px的ul/div。css: .myul { width: 1500px; ... 阅读全文
posted @ 2013-10-15 10:26 |WinKi| 阅读(3248) 评论(8) 推荐(4) 编辑
正文内容加载中...
posted @ 2013-12-18 16:31 |WinKi| 阅读(657) 评论(0) 推荐(0) 编辑
正文内容加载中...
posted @ 2013-11-06 08:49 |WinKi| 阅读(2219) 评论(4) 推荐(9) 编辑
正文内容加载中...
posted @ 2013-11-05 20:01 |WinKi| 阅读(1983) 评论(5) 推荐(5) 编辑
正文内容加载中...
posted @ 2013-10-31 15:34 |WinKi| 阅读(3872) 评论(6) 推荐(9) 编辑
正文内容加载中...
posted @ 2013-10-15 15:01 |WinKi| 阅读(1072) 评论(1) 推荐(1) 编辑
摘要:这篇主要是手风琴效果和无缝切换相结合,在Demo里的Demo3.html、Demo4.html。手风琴原理比较简单,当鼠标经过的时候改变图片的路径,鼠标移到另一张图片时还原路径。虽然原理简单,但是做的过程中也遇到很多纠结的事。一起来看代码吧!(很多变量没有给出,请结合Demo js里的ImageSlide.js) 22222 先是用a标签设置Smallimg 和 Bigimg来存图片的路径,因为img的src会改变。当鼠标经过li的时候我们就改变img的src 把图片变成大图。 $this.find("li").mouseover... 阅读全文
posted @ 2013-10-15 14:26 |WinKi| 阅读(954) 评论(0) 推荐(0) 编辑
摘要:想要和园友分享一下学习jquery的经验、总结,更希望园友提出点建议。第一次写,有不好的地方请多多见谅!文笔有限,很多时候不知道怎么来描述,唉、硬伤啊!!那只好多做了,贴代码。。。ok,废话少说,先上Demo,里面有5个Demo,从简单的jquery到重构为jquery小插件。包含两个效果,手风琴效果和点击图片放大。上菜:Demo无缝连接原理: 1、定义显示区域,比如你有十张图片每次只显示5张。假如一张图片宽150px,那么可以用一个750px的div来包含一个1500px的ul/div。css: .myul { width: 1500px; ... 阅读全文
posted @ 2013-10-15 10:26 |WinKi| 阅读(3248) 评论(8) 推荐(4) 编辑