当前位置: 代码迷 >> JavaScript >> 这个图片切换的JS在IE6不能用.解决方法
  详细解决方案

这个图片切换的JS在IE6不能用.解决方法

热度:306   发布时间:2012-05-04 12:36:09.0
这个图片切换的JS在IE6不能用...
<!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=utf-8" />
<title></title>
<style>
@charset "utf-8";
body{ font:12px "宋体"; background:#fff; margin:0 ; padding:0 ;}
option{margin:0; padding:0;}
input{ margin:0px; padding:0px; }
dt,dl,dd,p,ul,li,form,img,p,strong{margin:0px; padding:0px; border:0;}
a{ color: #000; text-decoration: none; }
a:hover{ color:#B70505; text-decoration:underline;}
a:focus { outline:none;}
ul,li{list-style:none;}
.clear{clear:both;font-size:0px;height:0px;line-height:0px;overflow:hidden;}
#focus_img{ padding-left:25px; width:274px; float:left; padding-right:5px; border-right:1px solid #BFBFBF; margin-top:15px;}
.undis {DISPLAY: none}
#simg{ width:264px;}
#simg ul{}
#simg ul li{ width:68px; height:68px;border:1px solid #BDBCBD; margin-right:6px; margin-bottom:10px; margin-left:6px; CURSOR: pointer; padding:3px; background:#fff; float:left; display:inline;}
</style>
</head>
<body>  
<DIV id=focus_img>
  <DIV id=au style="WIDTH: 258px; height:259px; padding:3px; border:1px solid #BDBBBC; border-bottom:5px solid #0491B7;">
  <DIV class=dis name="f">
  <A href="#" target=_blank>
  <img src="http://www.wellbase.com.hk/img.php?width=259&height=258&bg=fff&file=upload/product/42/photo/4e25287c2ef48.jpg" />
  </A>
  </DIV>
  <DIV class=undis name="f">
  <A href="#" target=_blank>
  <img src="http://www.wellbase.com.hk/img.php?width=259&height=258&bg=fff&file=upload/product/50/photo/4e043e867a3c0.jpg" />
  </A>
  </DIV>
  <DIV class=undis name="f">
  <A href="#" target=_blank>
  <img src="http://www.wellbase.com.hk/img.php?width=259&height=258&bg=fff&file=upload/product/42/photo/4e61b8d64021c.jpg"/>
  </A>
  </DIV>
  </DIV>
  <div id="simg">
  <ul>
  <li class="s" onmouseover="play(this,'au','');"> 
  <A href="#">
  <img src="http://www.wellbase.com.hk/img.php?width=68&height=68&bg=fff&file=upload/product/42/photo/4e25287c2ef48.jpg" />
  </A>
  </li>
  <li class="s" onmouseover="play(this,'au','');">
  <A href="#">
  <img src="http://www.wellbase.com.hk/img.php?width=68&height=68&bg=fff&file=upload/product/50/photo/4e043e867a3c0.jpg"/>
  </A>
  </li>
  <li class="s" onmouseover="play(this,'au','');">
  <A href="#">
  <img src="http://www.wellbase.com.hk/img.php?width=68&height=68&bg=fff&file=upload/product/42/photo/4e61b8d64021c.jpg"/>
  </A>
  </li>
  </ul>
  </div>
</DIV>
  <SCRIPT language=JavaScript src="js/img.js" type=text/javascript >
  function getid(obj)//取对应id的元素
{
return document.getElementById(obj);
  相关解决方案