图片切换效果

ゝ一纸荒年。 2021-10-08 05:30 454阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd][http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]">  
<html xmlns="[http://www.w3.org/1999/xhtml][http_www.w3.org_1999_xhtml]">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>类似于falsh图片切换效果</title>  
<style type="text/css">  
 body\{margin:0px; padding:0px;\}  
 .adv\{position:relative; width:360px;\}  
 .frames\{\}  
 .change\{width:100%; position:absolute; right:0px; bottom:0px; z-index:999; background-color:\#000; opacity:0.3;\}  
 .change a\{display:block; padding:2px 10px; border:1px solid \#A7BEF3; text-decoration:none; color:\#FFF; float:left; text-align:center; margin-right:2px;\}  
 .change a:hover\{background-color:\#ccc; color:\#F00;\}  
</style>  
<script type="text/javascript">  
var i=1;  
function autochange()\{  
 var img=document.getElementById("img");  
 img.src="images/"+i+".jpg";  
 i++;  
 if(i==6)i=1;  
 window.setTimeout("autochange()",1000);  
 \}  
 function changimge(num)\{  
  var img=document.getElementById("img");  
 img.src="images/"+num+".jpg";  
  \}  
</script>  
</head>

[http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
[http_www.w3.org_1999_xhtml]: http://www.w3.org/1999/xhtml