首页 > 代码库 > 图片隔几秒闪烁然后停止的特效
图片隔几秒闪烁然后停止的特效
var inter={};
var i=0;
$(document).ready(function(){
$("a").each(function(index,item){
$(this).bind().click(function(){
i=index;
if(inter!=null || inter.length>0){
window.clearInterval(inter);
}
window.setTimeout(function(){
inter=window.setInterval(function(){ $("img").eq(i).show().fadeOut(100).fadeIn(100);},500);
window.setTimeout(function(){
window.clearInterval(inter);
},5000);
},5000);
});
});
window.setTimeout(function(){
inter=window.setInterval(function(){ $("img").eq(i).show().fadeOut(100).fadeIn(100);},500);
window.setTimeout(function(){
window.clearInterval(inter);
},5000);
},5000);
});
以上是图片隔几秒闪烁然后停止
以下图片不停闪烁的特效
方法一:
<DIV ID="soccer">
<img SRC="http://ugc.qpic.cn/baikepic/33866/cut-20140711095236-1914130552.jpg/0" border="0" onl oad="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</DIV>
<SCRIPT>
var msecs=1000; //改变时间得到不同的闪烁间隔;
var counter=0;
function soccerOnload(){
setTimeout("blink()", msecs)}
function blink(){
soccer.style.visibility=
(soccer.style.visibility=="hidden") ? "visible" : "hidden"
counter+=1;setTimeout("blink()", msecs)}soccerOnload()
</SCRIPT>
方法二:
<script type="text/javascript"> function show(){ var imgid=document.getElementById("imgid"); if(imgid.style.visibility == "visible") imgid.style.visibility = "hidden"; else imgid.style.visibility = "visible"; setTimeout(‘show()‘,300); } show(); </script>
图片隔几秒闪烁然后停止的特效
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。