JS做成的幻灯片怎样改图片之间的间隔时间？
JS做成的幻灯片怎样改图片之间的间隔时间？能用代码实例讲得详细一点更好！请各位网站高手帮帮忙！...
JS做成的幻灯片怎样改图片之间的间隔时间？能用代码实例讲得详细一点更好！请各位网站高手帮帮忙！
展开
2个回答
展开全部
图片的渐显播放[推荐][根据下面的说明进行共3步，修改图片的名称及路径即可]
第三步的top:120px;left:240px可以设定显示的位置
====1、将下面的代码插入到HEML的<head></head>之间：
<script language=javaScript>
<!--//
sandra0 = new Image();
sandra0.src = "image1.gif";
sandra1 = new Image();
sandra1.src = "image2.gif";
sandra2 = new Image();
sandra2.src = "image3.gif";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="图片名称1.gif"
imageurl[1] ="图片名称2.gif"
imageurl[2] ="图片名称3.gif"
function showimage() {
if(document.all) {
if (i_strngth <=110) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth+10
var timer=setTimeout("showimage()",100)//修改时间
}
else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)//修改时间
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
document.close()
i_image++
if (i_image >= imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)//修改时间
}
}
function hideimage() {
if (i_strngth >=-10) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth-10
var timer=setTimeout("hideimage()",100)//修改时间
}
else {
clearTimeout(timer)
i_image++
if (i_image >= imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500) //修改时间
}
}
//-->
</script>
====2、修改<body>语句为：
<body onLoad="showimage()">
====3、将下面的代码加入到HEML的<body></body>之间：
<div id="testimage" style="position:absolute;visibility:visible;top:120px;left:240px"></div>
第三步的top:120px;left:240px可以设定显示的位置
====1、将下面的代码插入到HEML的<head></head>之间：
<script language=javaScript>
<!--//
sandra0 = new Image();
sandra0.src = "image1.gif";
sandra1 = new Image();
sandra1.src = "image2.gif";
sandra2 = new Image();
sandra2.src = "image3.gif";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="图片名称1.gif"
imageurl[1] ="图片名称2.gif"
imageurl[2] ="图片名称3.gif"
function showimage() {
if(document.all) {
if (i_strngth <=110) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth+10
var timer=setTimeout("showimage()",100)//修改时间
}
else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)//修改时间
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
document.close()
i_image++
if (i_image >= imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)//修改时间
}
}
function hideimage() {
if (i_strngth >=-10) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth-10
var timer=setTimeout("hideimage()",100)//修改时间
}
else {
clearTimeout(timer)
i_image++
if (i_image >= imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500) //修改时间
}
}
//-->
</script>
====2、修改<body>语句为：
<body onLoad="showimage()">
====3、将下面的代码加入到HEML的<body></body>之间：
<div id="testimage" style="position:absolute;visibility:visible;top:120px;left:240px"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
这个你一行代码没写，狂汗简单说说思路吧需要用到2个方法setTimeout( /*参数一：代码或函数名*/, /* 参数二：延迟时间 */ );每隔一定的延迟时间（由参数二设置），执行指定的代码（由参数一设置）setTimeout方法在运行的时候会返回一个整形，根据这个返回值可以取消setTimeout代码的执行方法是clearTimeout( /* timeoutid */ )下面说说具体过程先定义一个函数用来显示图片function showImages () { // 这里写图片切换的代码 // 以及对所有图片是否都播放过的判断 // 如果是则调用clearTimeout方法，退出函数} // 定义一个变量用来储存由setTimeout执行时的返回值var timeoutId;clearTimeout( timeoutId ); // 这里先运行一下clearTimeout函数（预防一些不可预知的问题发生，我自己的经验） // 设置方法调用timeoutId = setTimeout( showImages, 5000 ); // 每隔5000毫秒调用一次showImages函数，也就是5秒（注意这里有一个为timeoutId变量的赋值，否则在函数内就无法停止setTimeout了）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
