dreamweaver 做个3张图片不停的切换的效果 怎么弄? 初学者求指教
发布网友
共2个回答
热心网友
Dream 只是编辑网页的。没有你说的那个功能，你说的那个有3种办法，
第一，做一个GIF图片，3张切换，然后插入到网页里。
第二，用flash 来实现，然后插入到网页里。
第三，就是用下面的 JS 代码来实现，我加了注释，希望你能看得懂：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script language =javascript >
var curIndex=0;
var timeInterval=8000; //时间 (1000 = 1 秒)
var arr=new Array(); //图片路径
arr[0]="图片1";
arr[1]="图片2";
arr[2]="图片3";
var arr_alt=new Array(); //图片alt文字
arr_alt[0]="图片alt文字1";
arr_alt[1]="图片alt文字2";
arr_alt[2]="图片alt文字3";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
obj.alt=arr_alt[curIndex];
}
</script>
</head>
<body>
<img id="obj" src ="图片1" width="930" height="300" alt="图片alt文字1" /><!-- 默认图片及禁用JS图片 -->
</body>
</html>
热心网友
一般是通常JAVASCRIPT来实现的。
