一朵朵盛开的花儿特效

来源：远方教程作者：远方教程发布时间：2015-01-02 查看次数：3096　访问[新版]

　　特效代码在文本域中，您可以点击文本域下方的预览按钮先查看效果。

<SCRIPT> 
var numberofblossoms=10 //数量 
var openblossomspeed=200 //速度 
var showblossomstime=2 //停留时间

var frame=new Array() 
frame[0]=new Image() 
frame[0].src="./images/flower01.gif" 
frame[1]=new Image() 
frame[1].src="./images/flower02.gif" 
frame[2]=new Image() 
frame[2].src="./images/flower03.gif" 
frame[3]=new Image() 
frame[3].src="./images/flower04.gif" 
frame[4]=new Image() 
frame[4].src="./images/flower05.gif" 
frame[5]=new Image() 
frame[5].src="./images/flower06.gif"

var i_nownumberofframes=0 
var i_maxnumberofframes=5 
var i_numberofblossoms=0

var marginleft=0 
var margintop=0 
var marginbottom 
var marginright

var timer 
var thisblossom

showblossomstime=showblossomstime*1000 
function positionblossoms() { 
if (document.all) { 
marginbottom=document.body.clientHeight-40 
marginright=document.body.clientWidth-40 
for (i=0;i<=numberofblossoms;i++) { 
var randx=Math.floor(marginright*Math.random()) 
var randy=Math.floor(marginbottom*Math.random()) 
thisblossom=eval("document.all.blossom"+i+".style") 
thisblossom.posLeft=randx 
thisblossom.posTop=randy 
thisblossom.visibility="visible" 
} 
thisblossom=eval("blossom0") 
openblossoms() 
} 
if (document.layers) { 
marginbottom=window.innerHeight-40 
marginright=window.innerWidth-40 
for (i=0;i<=numberofblossoms;i++) { 
var randx=Math.floor(marginright*Math.random()) 
var randy=Math.floor(marginbottom*Math.random()) 
thisblossom=eval("document.blossom"+i) 
thisblossom.left=randx 
thisblossom.top=randy 
thisblossom.visibility="visible" 
} 
thisblossom=eval("document.blossom0.document") 
openblossoms() 
} 
}

function openblossoms() { 
if (document.all) { 
clearTimeout(timer) 
if (i_nownumberofframes<=i_maxnumberofframes) { 
thisblossom.innerHTML="<img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" src='"+frame[i_nownumberofframes].src+"'>" 
i_nownumberofframes++ 
timer=setTimeout("openblossoms()",openblossomspeed) 
} 
else { 
clearTimeout(timer) 
i_nownumberofframes=0 
switchtonextblossom() 
} 
} 
if (document.layers) { 
if (i_nownumberofframes<=i_maxnumberofframes) { 
thisblossom.write("<img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" src='"+frame[i_nownumberofframes].src+"'>") 
thisblossom.close() 
i_nownumberofframes++ 
timer=setTimeout("openblossoms()",openblossomspeed) 
} 
else { 
clearTimeout(timer) 
i_nownumberofframes=0 
switchtonextblossom() 
} 
} 
}

function switchtonextblossom() { 
if (document.all) { 
i_numberofblossoms++ 
if (i_numberofblossoms<=numberofblossoms) { 
thisblossom=eval("blossom"+i_numberofblossoms) 
openblossoms() 
} 
else { 
setTimeout("hideblossoms()",showblossomstime) 
} 
} 
if (document.layers) { 
i_numberofblossoms++ 
if (i_numberofblossoms<=numberofblossoms) { 
thisblossom=eval("document.blossom"+i_numberofblossoms+".document") 
openblossoms() 
} 
else { 
setTimeout("hideblossoms()",showblossomstime) 
} 
} 
}

if (document.all) { 
for (i=0;i<=numberofblossoms;i++) { 
document.write("<div id='blossom"+i+"' style='position:absolute;top:0px;left:0px;visibility:hidden;'><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" name='blossomimg"+i+"' src='./images/flower01.gif'></div>") 
document.clear() 
} 
}

if (document.layers) { 
for (i=0;i<=numberofblossoms;i++) { 
document.write("<layer name='blossom"+i+"' visibility=hide><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" name='blossomimg"+i+"' src='flower01.gif'></layer>") 
} 
}

window.onresize=positionblossoms 
window.onload=positionblossoms

</SCRIPT>
<script type="text/javascript">
/*tupianxuanfu*/
var cpro_id = "u1828747";
</script><script src="http://cpro.baidustatic.com/cpro/ui/i.js" type="text/javascript"></script>

标签：一朵朵盛特效导航 Google一下

分享到： QQ空间新浪微博腾讯微博人人网

打印 |

关闭评论

上一篇：超炫水中倒影图片特效

下一篇：红色枫叶徐徐飘落特效

·查看安全快捷上网技巧

图片新闻

美女户外健身, 美翻

真人美女和动漫美女

站内搜索

猜您喜欢