DIV+CSS

新疆25选7几点开奖:JQuery實現IE6下:hover特效方法

時間:2012-11-30 21:49:59 來源:北京樂品網站制作公司 關注:次

新疆25选7怎么算中奖钱 www.bbpno.com 網上也有很多解決的方法,說的最多就是用csshover.htc,這是微軟提供的一個指令組合,用這個可以輕松的實現IE6的hover,話說之前我用的都是這個,換了Linux主機,然后我就發現不支持這個了,然后有些小郁悶,然后我又想實現這樣的效果,怎么辦呢?當然是有辦法的,用JQuery。

 

舉例說明更容易看明白:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery解決IE6不支持CSS hover偽類|樂品網絡</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$(".b").hover(function() {
$(this).css("background","url(weisay2.gif) no-repeat center bottom");
$(this).css("border","1px #999999 solid");
},function(){
$(this).css("background","url(weisay1.gif) no-repeat center top");
$(this).css("border","1px #CCCCCC solid");
});
$(".c").hover(function() {
$(this).css("color","#00CC33");
$(this).css("border","1px #999999 solid");
},function(){
$(this).css("color","#000066");
$(this).css("border","1px #CCCCCC solid");
});
});
</script>
<style type="text/css">
.c{color:#000066;
border:1px #CCCCCC solid;}
.c:hover{color:#00CC33;
border:1px #666666 solid}
.b{border:1px #CCCCCC solid;background:url(weisay1.gif) no-repeat center;
width:80px;height:80px}
.b:hover{background:url(weisay2.gif) no-repeat center;
border:1px #666666 solid}
</style>
</head>
<body>
<div class="c"><p>樂品網絡 weisay.com</p></div>
<div class="b"> </div>
</body>
</html>

 

您可能還喜歡看看這些: