最近比较懒,啥都不想干.分享两个比较实用的基于jQuery的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢.
点此查看DEMO
至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧.
为了不浪费你点DEMO的力气,先上两张图,展示下静态的效果:
好了,就这样吧,想用的话自己慢慢折腾吧.
两个基于jQuery的渐隐渐显图片轮换幻灯片
Posted by Mr.Think on 06/15/2010
分类于@jQuery
可自由转载及使用,但请注明出处!
转载自 <a href="http://mrthink.net/jquery-jqueryslide-twomethods/" title="两个基于jQuery的渐隐渐显图片轮换幻灯片" rel="bookmark">两个基于jQuery的渐隐渐显图片轮换幻灯片@Mr.Think</a>
共有 15 条评论.
谢谢分享！ 但是好像不支持ie6 啊
[回复]
大哥 提交一个bug 这个效果里面的第一个效果 停止自动播放的效果没用啊 鼠标放上去还在滚动 function StopScrolll() //当鼠标移动到对象上面的时候停止自动滚动
{
clearTimeout(beauBeauSlide);
} 这个好像没起作用
[回复]
Mr.Think 回复:
六月 8th, 2011 at 09:51
@武方博, 鼠标放在右侧缩略图上是可停止自动播放的，左侧大图是没有触发停止的事件。
[回复]
已借用，多谢分享
[回复]
找了好久终于找到了。谢谢
[回复]
这个网站真的很不错
[回复]
你好第一个幻灯小图片点击切换有问题，麻烦帮忙看一下，DEMO就不行
[回复]
Mr.Think 回复:
十月 9th, 2010 at 07:45
@hui, 测试正常. 第一个幻灯是鼠标划入触发事件, 无须点击.
[回复]
谢谢分享
[回复]
感谢分享啊，好东西。
[回复]
不错，如何下载呢
[回复]
Mr.Think 回复:
六月 30th, 2010 at 09:31
@laoshen, DEMO不就是吗? 难道非得我给你打包好? 不要什么都是拿来主义…
[回复]
andy 回复:
九月 10th, 2010 at 08:47
@Mr.Think, 没有打包好的下载？！那你这个站点是用来炫耀你的前端技术？？？这些代码国外站点多的是，国内现成的也数不甚数，还用到你这儿来看你炫耀你沾沾自喜的所谓的技术？？？当今互联网络的精神就是开源共享，肯花时间来浏览你的站点就是看得起你了！！！本来还想搜藏，但看了你以上这段回复，只有两个字送给你，顺着倒着都可以念：“BS！”
[回复]
Mr.Think 回复:
九月 10th, 2010 at 09:35
@andy, 借用经论坛版规: 本站严重鄙视以下类型的行业内滥竽充数者：自己有脑，不肯思考；发狠提问，呲牙咧嘴；绝对白丁，只吃现成。
这个效果折腾了我半天，谢谢分享
[回复]