<style type="text/css">
#play{width:511px;height:346px; border:#ccc 0px solid;}
#playNum{margin:320px 5px 0 320px;z-index:10;width:145px; text-align:center;position:absolute;height:25px;}
#playNum span{float:right;margin:0 2px;width:18px;height:20px;cursor:pointer;color:#000;background-image:url(images/circle1.png);background-repeat:no-repeat;text-align:center}
#playNum span a{display:none;}
#playShow img{width:473px;height:346px;}
</style>
<script language="JavaScript" type="text/javascript">
var t=n=0,count=$("#playShow img").size();
$(function(){
$("#playShow img:not(:first-child)").hide();
$("#playNum span:first").css({"background":"url(images/circle1.png)"});
$("#playNum span").click(function(){
var i=$(this).text()-1;
if(i>=count)return ;
$("#playShow img").filter(":visible").hide().parent().children().eq(i).fadeIn(3000);
$(this).css({"background":"url(images/circle1.png)"}).siblings().css({"background":"url(images/circle2.png)"});
});
t=setInterval("autoShow()",4000);
$("#play").hover(function(){clearInterval(t)},function(){t=setInterval("autoShow()",4000);});
});
function autoShow(){
n=n>=(count-1) ? 0:++n;
if(n==0)
$("#playNum span").eq(2).trigger('click');
else if(n==1)
$("#playNum span").eq(1).trigger('click');
else
$("#playNum span").eq(0).trigger('click');
}
</script>
分享到:
相关推荐
jquery 幻灯片效果制作防苹果风格的开机画面 jquery 幻灯片效果制作防苹果风格的开机画面
QQ商城首页jquery幻灯片效果,商城首页幻灯片特效,加到网页中,增加美观,简洁大气,一款不错的幻灯片模板,php中文网推荐下载!
但感觉这个插件不仅仅是可以应用在幻灯相册上,确实应该称它为对象切换插件, 所以改了名称,simple object change ,简洁考虑直接就soChange,即如此改变,如此切换, 我也增加了一个选项卡切换的例子,相信你使用...
plusview 是一个 jQuery 插件,它可以制作类似于 Google Play 商店截图列表项的幻灯片效果。 查看演示 中文说明 标签:plusview
漂亮的jquery 幻灯片切换效果!
NULL 博文链接:https://ykdn2010.iteye.com/blog/1132073
jquery 3d幻灯片效果免费下载.zipjquery特效下载,jquery特效大全
自动滚动的jQuery幻灯片播放图片效果代码 自动滚动的jQuery幻灯片播放图片效果代码 自动滚动的jQuery幻灯片播放图片效果代码
jQuery途牛首页定时幻灯片轮播效果
jQuery幻灯片插件Skippr是一款带左右箭头,索引按钮,滑动切换效果的jQuery幻灯片。
flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
jquery幻灯片图片折页上下滑动切换类似拉窗帘效果的幻灯片
jquery幻灯片切换过度效果
插件描述:Vmc Slider 是一款带多种过渡特效的jQuery幻灯片插件,该幻灯片内置了20种场景转换特效,可以帮助你轻松实现漂亮的图片切换效果
jQuery幻灯片Slide隐藏效果,非常好的效果,个人收藏的,建议使用
flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
有Loading功能的Flash焦点图 开源flash+xml相册组件 7屏大banner广告代码 带缩略图上下滚动幻灯片 腾讯软件中心JS焦点图代码 淘宝商城多格jQuery焦点图 大麦网jquery焦点图代码
五种切换效果的jQuery幻灯片是一款基于jquery css3实现图片切换特效,总共有5种不同的切换效果,爆炸效果,翻转效果,扭曲效果,立方体效果,翻页效果。
六种不同的jquery幻灯片切换效果与多种jquery框架.zip 六种不同的jquery幻灯片切换效果与多种jquery框架.zip 六种不同的jquery幻灯片切换效果与多种jquery框架.zip