早年学习jquery的时候写过一下，保存了下来，应该算是很典型的例子了，研究一下吧 asp？ID=23SortID=4；jQuery仿天猫商品品牌图片墙换一批动画特效 一款仿天猫商品品牌图片墙换一批jQuery动画特效代码jQuery模拟京东或淘宝首页换一批猜你喜欢栏目切换zip 效果描述 在大型购物网站，比如淘宝或者京东首页，我们经常看到首页或者。

需要准备的材料分别有电脑html编辑器浏览器1首先，打开html编辑器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的标签，输入jquery代码#39td#39clickfunction if $thiscss#39b；看红框那里resizeTimeout是控制轮播的，clearSetTimeoutresizeTimeout这句是停止轮播 当鼠标移入小图片时触发mouseover事件，停止轮播 移出时再次启动轮播就行了。

HTML中图片轮播代码如下lt！DOCTYPE html图片轮播代码 bodymaxwidth 640pxmargin 0 auto #lunbo ul liwidth100%liststyle width640px height250pxbackgroundcolor #f00text；网上有很多图片轮播的插件，你说的这种是最基本的，主要在于图片切换时的效果，去找找，总有你合适的，而且用法都是很简单的，比如一些jquery插件，$quot#turnAutoquotturnningconfig就可实现了，这里的turnning只是个例子。

DOCTYPE html点击切换，按时间循环自动切换* padding 0margin 0body margin 0padding 0font 12px15 \5b8b\4f53， Arial， sansserifol，ul，li liststyle a color #text。

jquery自动加载的方法

1、这种插件非常多， 你可以挑一个用 如果你要问原理， 关键点是 外层div是一个窗口， 控制好长宽， 设置overflow为hidden， 那么只有在此区域内的内容才会被显示 内容是一堆图片， 通过js控制位置， 比如用relative定位， 通过css。

2、if$index === 0 当前为第一张轮播图 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法。

3、imgArri ， 2000 上面是代码实现原理是通过间隔定时器，每过2秒去设置img的src属性imgArr是保存图片的数组，当每一张图片都展示后重头再开始 imgArr的值是一张张图片我这里是在img文件夹下放了5张。

4、下面这段代码替换你原来的js代码，亲测可用原理1设置了一个定时器，每2秒触发2如果用户自己切换，停止定时器当用户鼠标离开区域时，再次进入定时切换不懂再问~ $functionvar i=0初始记录用户。

5、给你个思路哈 1，定义一个function 2，点击的时候触发这个function，获取当前img名称 3，因为你的img名称都是有规律可循的，所以自己可拼接下一个的img名称 4，将拼接完成的img名称加上路径，替换现在显示的img路径即可。

jquery菜单随着内容切换

JQUERY代码实现原理和上面一样，只是写法不一样 function #39#oImg#39mouseoverfunction thisattr#39src#39，#391jpg#39#39#oImg#39mouseoutfunction thisattr#39src#39，#392jpg#39。

可以参考下面的daima 3个div的统一class = #39div#39var index =03秒轮播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某个div显示，其他的隐藏 quotdivquothide。

number数字，其它为空focusScroll_01listEvent = quotonmouseoverquot 切换事件focusScroll_01frameWidth = 635显示框宽度focusScroll_01pageWidth = 635 翻页宽度focusScroll_。

将当前显示的BANNER图片的索引值设置为0，也就是默认是第一个图片的序号var t = n = 0， count$documentreadyfunction定义获取四张BANNER图count=$quot#banner_list aquotlength 设置默认显示第一张。

用的是super slideinterTime 毫秒自动运行间隔当effect为无缝滚动topMarqueeleftMarquee时，相当于运行速度delayTime 毫秒切换效果持续时间一次切换效果执行所用的时间长度既然用到了怎么不去看官方文档呢。