摘要： 上一篇是关于手风琴效果的，但是有时候我们需要放大的图片大小不规律，想要在屏幕中间显示大图。图片放大可以做为单独的效果，也可以和其他的效果结合起来。比如Demo 里的Demo5.html是以图片无缝切换和图片放大结合的。整个效果分为两个部分。 1、定义遮罩层 $('.mark').css({ position: "absolute", top: 0, backgroundColor: "#777", zIndex: 1002, left: 0, display: " none" } ) 当点击图片显示大图的时候把整个屏幕 阅读全文

摘要： 这篇主要是手风琴效果和无缝切换相结合，在Demo里的Demo3.html、Demo4.html。手风琴原理比较简单，当鼠标经过的时候改变图片的路径，鼠标移到另一张图片时还原路径。虽然原理简单，但是做的过程中也遇到很多纠结的事。一起来看代码吧！（很多变量没有给出，请结合Demo js里的ImageSlide.js） 22222 先是用a标签设置Smallimg 和 Bigimg来存图片的路径，因为img的src会改变。当鼠标经过li的时候我们就改变img的src 把图片变成大图。 $this.find("li").mouseover... 阅读全文

摘要： 想要和园友分享一下学习jquery的经验、总结，更希望园友提出点建议。第一次写，有不好的地方请多多见谅！文笔有限，很多时候不知道怎么来描述，唉、硬伤啊！！那只好多做了，贴代码。。。ok，废话少说，先上Demo，里面有5个Demo,从简单的jquery到重构为jquery小插件。包含两个效果，手风琴效果和点击图片放大。上菜：Demo无缝连接原理： 1、定义显示区域，比如你有十张图片每次只显示5张。假如一张图片宽150px，那么可以用一个750px的div来包含一个1500px的ul/div。css: .myul { width: 1500px; ... 阅读全文