网页特效：一种很酷的图片动态切换效果

日期：2007年6月7日作者：查看:[大字体中字体小字体]

第一步、把下面这段代码插入到页面的<head>与</head>之间：

<script language=javascript>
isns = navigator.appName == "Netscape";
function ztstr(id,picurl,linkurl)
{
this.id=id
this.picurl=picurl
this.linkurl=linkurl
}

zhuanti=new Array()
imgcount=1;
frequency=10*1000;//30秒

//在这里修改图片的路径和链接
zhuanti[1]=new ztstr('1','http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/eraBanner1.gif','http://www.windstudio.net')
zhuanti[2]=new ztstr('2','http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/eraBanner2.gif','http://www.windstudio.net')
zhuanti[3]=new ztstr('3','http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/eraBanner3.gif','http://www.windstudio.net')
zhuanti[4]=new ztstr('4','http://www.gaowin.com/design/RoUpFiles/../Files/RoUpFiles/eraBanner4.gif','http://www.windstudio.net')

imgcount=zhuanti.length-1
for(i=1;i<=imgcount;i++)
{
eval("img"+i+"=new Image()")
eval("img"+i+".src=zhuanti["+i+"].picurl")
}

nn=1

var rand1 = 0;
var useRand = 0;

function swapPic() {
var imgnum = zhuanti.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
// alert(useRand);
nn=useRand;
change_img();
}

function change_img()
{
eval('document.pic.src=img'+nn+'.src');
nn++;
if(nn>imgcount) nn=1
if(!isns)
{
pic.filters.item(0).apply()
pic.style.visibility='visible'
pic.filters.item(0).play()
setTimeout("pic.style.visibility='hidden'",frequency);
}
else
document.pic.visibility='visible'
tt=setTimeout('change_img()',frequency)
}

function pictarget()
{
tt=nn-1
if(tt<1) tt=imgcount
cururl=zhuanti[tt].linkurl
[1] [2] 下一页
网页特效：一种很酷的图片动态切换效果相关文章：
·多个技巧让局域网内互访无障碍
·学习CSS制作网页的多个经验技巧
·预防网络病毒的几个忠告
·个性圣诞节贺卡制作网站推荐
·解读防火墙日志记录防范网络攻击
·把网页保存为图片换种方式收集有用资料
·详解Alexa网站流量排名
·学习CSS制作网页总结的一些经验技巧
·纯CSS制作的新闻网站中的文章列表
·用十大安全策略加固无线局域网安全
网页特效：一种很酷的图片动态切换效果相关软件
·公司企业网站管理系统模板功能强大版
·服装专卖店网站模板免费版
·围棋网络版
·《宝贝坦克》休闲网游
·奇酷游戏时尚网络休闲平台
·网络游戏《R－MAN》宣传片
·《大力网球2005》运动试玩
·《网络三缺一》客户端
·GBA游戏《马里奥网球》模拟器
·网络名家合集之《赤军作品集》

上一篇:网页菜单详解

下一篇:携手打造【鹏程114 Web查询系统】第一讲

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

网页特效：一种很酷的图片动态切换效果

精品推荐

热点TOP10

特别推荐