求助··CSS3鼠标滑动特效CSS动态导航

html-css03

求助··CSS3鼠标滑动特效CSS动态导航,第1张

可以使用:hover这个伪类选择器，当鼠标移动到带有这个伪类的元素之后变更样式，比如a:hover{color:red} 鼠标移动到A元素上时，文字变为红色，如果无效不要质疑，可以加入！important ，即a:hover{color:red ！important},希望你能举一反三，hover出各种效果

这个可以用jquery实现呀，你id=nav的那个div是不是写错了 应该是ul吧？

首先在首页引用jquery库 jquery-1.7.1.mini.js

然后把下面的代码放在下面就可以了！

<script>

$(document).ready(){

$('#nav li').hover(){

function(){

$('#nav ul').css({'display':'none'})

$(this).children('ul').css({'display':'block'})

},function(){

$('#nav ul').css({'display':'none'})

}}}

</script>

不需要CSS3+HTML5，用AJAX+DIV+CSS就可以了。

利用AJAX取得未读数据的数量，把DIV的innerHTML设为该数量就行了，另外这是一个DIV(或则其他块元素)中嵌入的一个相对定位层。所以没必要去使用CSS3和HTML5,毕竟国内主要浏览器都不支持。现在支持CSS3和HTML5的浏览器就只有最新的浏览器(如IE9、opera、safari、FF等等)