网页图片自动播放

求dw网页设计时多张图片自动播放Javescript代码... 求dw网页设计时多张图片自动播放Javescript代码展开

 我来答

2个回答

#热议# 生活中有哪些实用的心理学知识？

枕表天蕉到1i
推荐于2016-05-10 · TA获得超过282个赞

知道小有建树答主

回答量：419

采纳率：0%

帮助的人：235万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type='text/css' rel='stylesheet' href='http://www.css88.com/demo/Animate Image/style3.css' />
<script type="text/javascript" src="http://www.css88.com/demo/Animate Image/sliderIMG3.js"></script>
<title>Slider view Images</title>
<script>
window.onload = function(){
sliderIMG.create('imageFlow',{count:8, speed:5, auto:true,timer:5000});
}
</script>
</head>
<body>
<div id='imageFlow'>
<div class='top'></div>
<div class='bank'>
<ul class='imageList'>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/0.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/1.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/2.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/3.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/4.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/5.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/6.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/7.JPG' /></a></li>
</ul>
</div>
<div class='mainOpacity'></div>
<div class='leftOpacity'></div>
<div class='rightOpacity'></div>
<div class='scrollbar'>
<span class='currentScroll'></span>
</div>
</div>
<div id='content'>
<h3>使用方法：</h3>
<p>sliderIMG.create('DIVid',{count:*, speed:*, auto:*, timer:*}); </p>
<br />
<pre>必须参数： count ----> 数字类型，图片数量;
可选参数：
speed ----> 数字类型，滚动速率，默认为：5；
auto ----> 布尔类型，设置自动滚动，为true则自动，反之不自动，默认为： false;
timer ----> 数字类型，设置每个几秒自动滚动一次，默认为： 5000ms = 5s;
</pre>

</div>
</body>
</html></font>
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

已赞过 已踩过<

评论收起

北京勤哲软件技术

广告2025-01-02

勤哲Excel服务器2024学习和下载。用Excel自动生成软件设计平台及手机app.软博会金奖产品，适合于各行各业的管理人员使用。

www.qinzhe.com

生活大人菲菲
2010-07-21 · TA获得超过767个赞

知道小有建树答主

回答量：335

采纳率：0%

帮助的人：290万

我也去答题访问个人页

关注

展开全部

<a href='javascript:goUrl()'><img style="FILTER: revealTrans(duration=2,Transition=5)" src="javascript:NextPic()" width="630" height="300" border="0" id=imgInit name=imgInit onClick="return imgInit_onclick()"></a><div name=focustext id=focustext align='center'/></div>

这一段放到你要弄到的地方下面这个在head里面

<style type="text/css">

img{border:0px;}

.style1
{
height: 23px;
}
body{ margin-top:0px;}

</style>

<script language="JavaScript" type="text/javascript">

var imgUrl=new Array();

var imgLink=new Array();

var imgText=new Array();

var picNum=0;

imgUrl[1]="Caifutong/trad_1.jpg";

imgLink[1]="http://www.baidu.com";

imgUrl[2]="Caifutong/trad_2.jpg";

imgLink[2]="http://www.baidu.com";

imgUrl[3]="Caifutong/trad_3.jpg";

imgLink[3]="http://www.baidu.com";

imgUrl[4]="Caifutong/trad_4.jpg";

imgLink[4]="http://www.baidu.com";

imgUrl[5]="Caifutong/trad_5.jpg";

imgLink[5]="http://www.baidu.com";

function NextPic(){

if(picNum<4) picNum++ ;//显示4个图片

else picNum=1;

if (document.all){

//下面注意，如果存在于FORM表单中，需要使用下面的方法，否则可直接使用name。

document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23);

document.imgInit.filters.revealTrans.apply();

document.imgInit.filters.revealTrans.play();

}

document.images.imgInit.src=imgUrl[picNum];

//如果不是图片，而是SWF等，可做判断，内容可在程序中做好，再放于下面。

focustext.innerHTML='<a href='+imgLink[picNum]+' target=_blank>'+'</a>';

//设置翻页时间

theTimer=setTimeout('NextPic()', 4000);

}

function goUrl(){

window.open(imgLink[picNum],'_blank');

}

function imgInit_onclick() {

}

</script>