低调求助```网页制作问题```
<div width="100%" height="100%" id="picture2" style="display:none" onMouseOver="stopShow();" onMouseOut="conShow();">一段鼠标移动到图片上图片体质自动播放 鼠标离开恢复自动播放的代码
如果我想让图片在自动播放阶段每5秒换一张 该怎么写?
[[i] 本帖最后由 我真低调 于 2009-2-10 16:56 编辑 [/i]] 蒸低调... 关键在conShow()里面... [quote]原帖由 [i]natineprince[/i] 于 2009-2-10 17:01 发表 [url=http://bbs.rohome.net/redirect.php?goto=findpost&pid=10195278&ptid=953099][img]http://bbs.rohome.net/images/common/back.gif[/img][/url]
关键在conShow()里面... [/quote]
过程不重要```
结果才重要``` 你没那函数的代码.啥都改不了. function conShow()
{
stopFlg = true;
}
个则么? =.=
封装了啊...只用全局变量控制....
那应该还有一个全局变量等于你现在换图的时间的.单位是微秒... 关键是我现在的图片切换时间十分随意...
一会1秒1次 一会2秒1次 真是操他大爷的 你搜索下stopFlg...
把相关的函数COPY上来... 看来小站真是卧虎藏龙B) <script language="javascript">
setInterval("showPic();",2000);
var stopFlg = true;
function showPic()
{
var pic1 = document.getElementById("picture1");
var pic2 = document.getElementById("picture2");
var pic3 = document.getElementById("picture3");
var pic4 = document.getElementById("picture4");
var pic5 = document.getElementById("picture5");
if (stopFlg)
{
if(pic1.style.display=="")
{
pic1.style.display = "none";
pic2.style.display = "";
}
else if(pic2.style.display=="")
{
pic2.style.display = "none";
pic3.style.display = "";
}
else if(pic3.style.display=="")
{
pic3.style.display = "none";
pic4.style.display = "";
}
else if(pic4.style.display=="")
{
pic4.style.display = "none";
pic5.style.display = "";
}
else
{
pic5.style.display = "none";
pic1.style.display = "";
}
}
}
function stopShow()
{
stopFlg = false;
}
function conShow()
{
stopFlg = true;
}
setInterval("showPic();",2000); 貌似就是这个2000? setInterval("showPic();",2000);
嗯.改5000 改成5000感觉效果不大
最要命的是为什么图片自动切换的时间会有差别的 一样么也就算了
为什么?为什么?为什么? 改到20000效果好了点...
册那 下班 明天再搞..
大侠再会.... 因为图片没缓存.所以读取的时候会有网络因素.
页:
[1]