国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery導航制件jquery鼠標經過變色效果示例

2019-11-20 21:31:00
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title>鼠標移到導航上面 當前的LI變色 處于當前的位置</title>
<style type="text/css">
ul,li{list-style:none;}
#nav li{display:inline-block;margin:0 5px;background:#ccc;padding:0 10px; line-height:24px;font-size:12px;float:left;}
#nav li.h_nav_over{background:red;color:#fff;}
#nav li.h_nav_over a{color:#fff;}
a{text-decoration:none;}

</style>
<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>

<script type="text/javascript">
$(function(){
$("#nav>ul>li").mouseover(function(){
        $("#nav>ul>li").each(function(i){
            $(this).removeClass("h_nav_over");
        });
        $(this).addClass("h_nav_over");
    }).mouseout(function(){
        $(this).addClass("h_nav_over");
    });
});
</script>

</head>
<body>
<div id="nav">
     <ul>
        <li><a  href="http://www.survivalescaperooms.com" >首頁</a></li><li><a  href="http://www.survivalescaperooms.com/a/" >品牌商機</a></li>
        <li><a  href="http://www.survivalescaperooms.com/" >精品商機</a></li><li><a  href="http://www.survivalescaperooms.com/" >最新商機</a></li>
        <li><a  href="http://www.survivalescaperooms.com/" >投資考察會</a></li><li><a  href="http://www.survivalescaperooms.com/" >在線交流區</a></li>
     </ul>
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 仁寿县| 德昌县| 武威市| 五河县| 林周县| 台湾省| 榆中县| 临安市| 宜宾县| 乐陵市| 社旗县| 栾城县| 辽阳县| 姜堰市| 新绛县| 庆元县| 普洱| 施甸县| 商城县| 平利县| 新安县| 邮箱| 辉南县| 峨眉山市| 台中县| 延津县| 永州市| 西吉县| 老河口市| 广安市| 临安市| 广西| 简阳市| 甘肃省| 栾川县| 祥云县| 泊头市| 金山区| 南昌县| 泰兴市| 专栏|