图片渐变效果的相册－格格の 闺阁。
因为是代码不知道帖子里面能不能实现这个效果，但是真的很不错。可以用在公告栏做一个相册外联的展示。代码为：
<A id=javascript.a href="http://www.cnweblog.com/enbby/admin/EditPosts.aspx#"><IMG id=javascript.img style="FILTER: blendTrans(duration=2)" height=375 src="http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new.jpg" width=500 border=0></A>
<SCRIPT>
<!--
var ImgSrc = new Array();//图片地址
ImgSrc[0] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(1).jpg"
ImgSrc[1] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(2).jpg"
ImgSrc[2] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(3).jpg"
ImgSrc[3] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(4).jpg"
for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//预加载图片
var ImgAlt = new Array();//鼠标放上去显示的文字
ImgAlt[0] = "最新的壁纸收藏"
ImgAlt[1] = "最新的壁纸收藏"
ImgAlt[2] = "最新的壁纸收藏"
ImgAlt[3] = "最新的壁纸收藏"
var ImgHerf = new Array();//链接
ImgHerf[0] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(1).jpg"
ImgHerf[1] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(2).jpg"
ImgHerf[2] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(3).jpg"
ImgHerf[3] = "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(4).jpg"
var step=0;
function slideit(){
//rewrite by haiwa 整理 by Enby (enby.uni.cc)
var oImg = document.getElementById("javascript.img");
if (document.all){oImg.filters.blendTrans.apply();}
oImg.src=ImgSrc[step];
document.getElementById("javascript.a").href=ImgHerf[step];
oImg.title=ImgAlt[step];
if (document.all){oImg.filters.blendTrans.play();}
step = (step<(ImgSrc.length-1))?(step+1):0;
(new Image()).src = ImgSrc[step];//加载下一个图片
}
setInterval("slideit()",3000);
//-->
</SCRIPT>
Dream Away。
posted on 2006-08-13 22:06
暖暖 阅读(414)
评论(10) 编辑 收藏