jQuery起点教程之使用选择器和事件 JavaScript中Dimensions函数

图片过渡效果

在上篇三屏图片轮换效果代码(可控制)之后有朋友需要图片过渡效果代码,找了这个比较大的,其实用flash也可以实现图片过渡效果,现在先献上这个banner大图片的过渡效果,看代码也很简洁的
如下图演示:

代码如下:
<script>
var NowFrame = 1;
var MaxFrame = 5;
var bStart = 0;
function fnToggle(){
var next = NowFrame + 1;

if(next == MaxFrame+1) {
NowFrame = MaxFrame;next = 1;
}

if(bStart == 0){
bStart = 1;
setTimeout('fnToggle()', 2000)
return;
} else {
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=2);
if(NowFrame == MaxFrame){
NowFrame = 1;
} else {
NowFrame++;
}
}
setTimeout('fnToggle()', 6000);
}

fnToggle();
</script>
演示地址:image-transition-154/index.htm
下载地址:image-transition-154.zip
TAG: js广告代码 图片过渡
kimi post in JavaScript共享 at 2007-09-26 22:53:47.
永久地址:http://ijavascript.cn/share/image-transition-154.html
在百度中搜索《图片过渡效果》。

发表评论

发表评论

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。