展会信息港展会大全

ie6 css hover背景效果兼容多浏览器
来源:互联网   发布日期:2016-03-25 16:31:41   浏览:2343次  

导读:本文章提供一款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" 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/

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港