js广告轮询效果
2013-07-13 20:08
190 查看
var intervalTime = 5000; var showIndex = 0; var imageLength=0; $(window).load(function () { var height = $("#swfLoad").height(); var width = $("#swfLoad").width(); $("#swfLoad img").each(function (index) { $(this).height(height).width(width).css("position", "absolute").css("top", 0).css("left", 0); if (index == "0") { $(this).css("visibility", "visible"); } else { //$(this).css("visibility", "hidden"); } imageLength++; }); setInterval("change();", intervalTime); }); function change() { $("#swfLoad img").eq(showIndex).fadeOut(1000); showIndex++; if (showIndex >= imageLength) { showIndex = 0; } $("#swfLoad img").eq(showIndex).fadeIn(1000); } </script> <div id="swfLoad" style="position:relative;visibility:visible; width:700px; height:280px;"> <img src="../../Images/1355799066906_000.jpg" alt="" /> <img src="../../Images/1369276714638_000.jpg" alt="" /> <img src="../../Images/1369277578381_000.jpg" alt="" /> <img src="../../Images/1371957347577_000.jpg" alt="" /> </div>
相关文章推荐
- js广告轮询效果
- 活动广告滑动切换JS效果
- JavaEE day03 使用JS完成简单的数据校验、完成图片轮播效果、完成页面定时弹出广告、完成表单校验
- js自制广告轮显效果(兼容ie6)
- js实现简单的左右两边固定广告效果实例
- JS实现网页漂浮广告效果简单
- JS淘宝商品广告效果
- ECSHOP 首页主广告管理 Flash替换成其他js效果的修改
- 超级实用且不花哨的js代码大全 (六) ----代码判断,幻灯片播放器,广告效果
- JS实现websocket长轮询实时消息提示的效果
- 右下角弹出广告 js,漂浮效果(兼容多浏览器)
- JavaScript js csdn 文字滚动广告效果
- js实现拉幕效果的广告代码
- js滚动广告效果
- 右下角弹出广告 js,漂浮效果(兼容多浏览器)
- js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
- JS实现弹性漂浮效果的广告代码
- js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
- JS使用cookie实现只出现一次的广告代码效果
- 每日一个js实例12--广告切换效果