本文章提供一款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" onmouseo教程ver="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>
源码下载地址http://down.111cn.net/down/code/js/xiangcedaima/2010/0927/20959.html
效果预览地址http://g.111cn.net/javascript/code/20100927/hover/