javascript 控制图片播放代码

<！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>无标题文档</title> <style type="text/css"> .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;height:250px} .photo ul li {float:left;list-style-type:none;width:140px;height:135px} .photo ul li img {width:130px;height:115px;border:1px solid #999} .photo ul li div {line-height:19px;height:19px;overflow:hidden} #fc {filter:progid:DXImageTransform.Microsoft.Fade （duration=0.5,overlap=1.0）} #con,#num {height:20px;line-height:20px;overflow:hidden} #con {float:left;width:200px;text-align:center} #num {float:right;width:110px} #num span {cursor:pointer;width:15px;height:15px;display:block;float:left;margin:0 1px;line-height:16px;overflow:hidden;margin-top:2px;text-align:center;} .bigon{background:url（"numon.gif"）;color:#fff} /*长为15px 宽为15px*/ .bigoff{background:url（"numoff.gif"）;color:#000} </style> </head> <body> <img src="http://bbs.kshot.net/home/flashpic/a.jpg" alt="" onmouseover="clearAuto（）;" onmouseout="setAuto（）" /> <img src="http://bbs.kshot.net/home/flashpic/b.jpg" alt="" onmouseover="clearAuto（）;" onmouseout="setAuto（）" /> <img src="http://bbs.kshot.net/home/flashpic/c.jpg" alt="" onmouseover="clearAuto（）;" onmouseout="setAuto（）" /> <img src="http://bbs.kshot.net/home/flashpic/d.jpg" alt="" onmouseover="clearAuto（）;" onmouseout="setAuto（）" /> <img src="http://bbs.kshot.net/home/flashpic/e.jpg" alt="" onmouseover="clearAuto（）;" onmouseout="setAuto（）" /> <img src="http://bbs.kshot.net/home/flashpic/f.jpg" alt="" onmouseover="clearAuto（）;" onmouseout="setAuto（）" /> 昆山论坛"新世军"军团掠影 2009年昆山第三届徒步大会昆坛会员合影 昆坛会员相聚阳澄湖畔野炊活动 昆坛大合唱"相亲相爱一家人"家人风采 "我是女生"昆山论坛网友秀 昆山首届万圣节系列图片大放送<span onclick="Mea（0）;" onmouseover="clearAuto（）;" onmouseout="setAuto（）">1</span> <span onclick="Mea（1）;" onmouseover="clearAuto（）;" onmouseout="setAuto（）">2</span> <span onclick="Mea（2）;" onmouseover="clearAuto（）;" onmouseout="setAuto（）">3</span> <span onclick="Mea（3）;" onmouseover="clearAuto（）;" onmouseout="setAuto（）">4</span> <span onclick="Mea（4）;" onmouseover="clearAuto（）;" onmouseout="setAuto（）">5</span> <span onclick="Mea（5）;" onmouseover="clearAuto（）;" onmouseout="setAuto（）">6</span> <script language="javascript" type="text/javascript"> var n=0; var showNum = document.getElementById（"num"）; var showNums = document.getElementById（"num"）.getElementsByTagName（"span"）; function Mea（value）{ n=value; setBg（value）; plays（value）; cons（value）; } function setBg（value）{ for（var i=0;i<showNums.length;i++） if（value==i）{ showNum.getElementsByTagName（"span"）[i].className="bigon"; } else{ showNum.getElementsByTagName（"span"）[i].className="bigoff"; } } function plays（value）{ try { with （fc） { filters[0].Apply（）; for（i=0;i<showNums.length;i++）i==value？children[i].style.display="block":children[i].style.display="none"; filters[0].play（）; } } catch（e） { var divlist = document.getElementById（"fc"）.getElementsByTagName（"div"）; for（i=0;i<showNums.length;i++） { i==value？divlist[i].style.display="block":divlist[i].style.display="none"; } } } function cons（value）{ try { with （con） { for（i=0;i<showNums.length;i++）i==value？children[i].style.display="block":children[i].style.display="none"; } } catch（e） { var divlist = document.getElementById（"con"）.getElementsByTagName（"div"）; for（i=0;i<showNums.length;i++） { i==value？divlist[i].style.display="block":divlist[i].style.display="none"; } } } function setAuto（）{autoStart=setInterval（"auto（n）", 5000）} function clearAuto（）{clearInterval（autoStart）} function auto（）{ n++; if（n>showNums.length-1）n=0; Mea（n）; } function sub（）{ n--; if（n<0）n=showNums.length-1; Mea（n）; } setAuto（）; </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]