ie6 css hover背景效果兼容多浏览器

ie6 hover背景效果兼容多浏览器
本文章提供一款ie6 css hover背景效果哦,同时可以解决在ie6在hover不兼容的问题哦,下面看看代码吧。

<!doctype html public “-//w3c//dtd html 4.01 transitional//en” “http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<link href=”css/163css.css” type=text/css rel=stylesheet>
<script type=”text/”>
function fnover(thisid){
    var thisclass = thisid.classname;
    var overcssf = thisclass;
    if(thisclass.length>0){thisclass = thisclass+” “};
    thisid.classname = thisclass + overcssf+”hover”;
}
function fnout(thisid){
    var thisclass = thisid.classname;
    var thisnon = (thisid.classname.length-5)/2;
    thisid.classname=thisclass.substring(0, thisnon);
}
</script>

<div class=”box”>
 <div class=”top”>
  当季旅游推荐
 </div>
 <div class=”mid”>
  <div class=”jmperson” onmouver=”fnover(this)” onmouseout=”fnout(this)”>
   <div class=”grp01″>
    <a href=”http://www.111cn.net”><img src=”images/img01.gif” /></a>
   </div>
   <div class=”grp02″>
    <h3><a href=”http://www.111cn.net”>”5·19″宁海免费旅游 </a></h3>
    <div class=”p”>近日从浙江省宁海县获悉,从2010年开始,每年的5月19日宁海将向海内外游客免费开放所有景区,免费景区包括了浙东大峡谷(不含船票)、前童古镇、伍山石窟、梁皇山、东海云顶、野鹤湫、宁海湾横山岛(不含船票)、佳田农庄等收费景区(点)。</div>
    <a href=”http://www.111cn.net” class=”more”>详细…</a>
  
   </div>
  </div>
  <div class=”jmperson” onmouseover=”fnover(this)” onmouseout=”fnout(this)”>
   <div class=”grp01″>
    <a href=”http://www.111cn.net”><img src=”images/img02.gif” /></a>
   </div>
   <div class=”grp02″>
    <h3><a href=”http://www.111cn.net”>天门十景之一:上天梯 </a></h3>
    <div class=”p”>上天梯位于天门洞开景区,共有999级台阶。上天梯不但是通达天门的途径,还是许愿祈福的灵地,其前置有天门祭坛,专供烧香拜天之用,集天地众神之灵气福惠于一体。</div>
    <a href=”http://www.111cn.net” class=”more”>详细…</a>
  
   </div>
  </div>
  <div class=”jmperson” onmouseover=”fnover(this)” onmouseout=”fnout(this)”>
   <div class=”grp01″>
    <a href=”http://www.111cn.net”><img src=”images/img03.gif” /></a>
   </div>
   <div class=”grp02″>
    <h3><a href=”http://www.111cn.net”>丹霞归来不看石</a></h3>
    <div class=”p”>常言道:”五岳归来不看山。”曾经有句俗话:到北京看墙头(长城),到上海看人头(繁华),到西安看坟头(陵墓),到苏州看桥头,现加上一句,到丹霞山看石头。</div>
    <a href=”http://www.111cn.net” class=”more”>详细…</a>
  
   </div>
  </div>
 </div>
</div>
 
</body>
</html>

下载地址

效果预览地址

ie6 css hover背景效果兼容多浏览器

相关文章:

你感兴趣的文章:

标签云: