var obj = null;
function checkHover() {
if (obj) {
$(obj).find(‘ul’).fadeOut(‘fast’);// 淡出效果
}
}
$(document).ready(function () {
$(‘#Nav >li’).hover(function () { // 移入的函數
if (obj) {
obj.find(‘ul’).fadeOut(‘fast’) // 淡出效果
obj = null
}
$(this).find(‘ul’).fadeIn(‘fast’);
}, function () { // 移出的函數
obj = $(this);
setTimeout("checkHover()", 400);
});
});
HTML :
<body>
<ul id="NAV">
<li >Test1
<ul class="menu">
<li><a href="#1">控制台首頁1</a></li>
<li><a href="#2">編輯個人資料1</a></li>
<li><a href="#3">個人空間管理1</a></li>
</ul>
</li>
<li>Test2
<ul class="menu">
<li><a href="#1">控制台首頁2</a></li>
<li><a href="#2">編輯個人資料2</a></li>
<li><a href="#3">個人空間管理2</a></li>
</ul>
</li>
</ul>
</body>
</html>
CSS :
<style type="text/css">
#NAV {width :100px; padding :0px ; list-style :none}
#NAV li { background : #ddd; margin :1x; height :20px}
.menu {padding :0px; margin-top :-18px ; margin-left :98px ;width :202px;list-style :none; display :none}
.menu li {width :202px ; height :20px}
</style>
邏輯等於0與1和ON與OFF,是程式創作的思維. 如何利用創作來支援生活面呢? 唯有.. 一直努力在程式領域上突破及更新自我;更是要有失敗的心情準備!! 聯絡方式 LINE ID : wushig (池龍工作室) 0931507058 巫先生
沒有留言:
張貼留言