<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="UTF-8">
????????<title></title>
????????<style?type="text/css">
????????????.top-nav{
????????????????list-style:?none;
????????????????font-size:?14px;
????????????????font-weight:?bold;
????????????}
????????????.top-nav?li{
????????????????float:?left;
????????????????margin-right:?3px;
????????????}
????????????.top-nav?li?a{
????????????????text-decoration:?none;
????????????????background-color:?#EEEEEE;
????????????????color:?#666666;
????????????????width:?90px;
????????????????text-align:?center;
????????????????display:?block;
????????????????line-height:?40px;
????????????}
????????????.top-nav?ul{
????????????????display:?none;?
????????????????list-style:?none;
????????????????padding:?0;????
????????????????position:?absolute;
?????????????}
?????????????.top-nav?li?a:hover{
?????????????????background:?url(img/ss1.png)0?0?repeat-x;
?????????????}
????????????.top-nav?li:hover?ul{
????????????????width:?90px;
????????????????display:?block;
????????????????padding:?0;
????????????}
????????????.top-nav?li?ul:hover?li{
????????????????display:?block;
????????????}
????????????.note{
????????????????background-color:?#EEEEEE;
????????????????display:?block;
????????????????background:?url(img/ss1.png)0?0?repeat-x;
????????????}
????????</style>
????<script?type="text/javascript"?src="js/jquery-3.1.1.js"?></script>
????<script?type="text/javascript">
????????$(document).ready(function(){
????????????$(".top-nav?li").mousemove(function(){
????????????????$(this).find("ul").slideDown("1000");
????????????});
????????????$(".top-nav?li").mouseleave(function(){
????????????????$(this).find("ul").slideUp("slow");
????????????});
????????});
????</script>
????</head>
????<body>
????????<ul?class="top-nav">
????????????????<li>
????????????????????<a?href=""><span?class="note">首頁</span></a>
????????????????</li>
????????????????<li>
????????????????????<a?href="">日志</a>
????????????????????<ul>
????????????????????????<li>
????????????????????????????<a?href="">加油</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">努力</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">安靜</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">速度</a>
????????????????????????</li>
????????????????????</ul>
????????????????</li>
????????????????<li?class="navmenu">
????????????????????<a?href="">相冊</a>
????????????????????<ul>
????????????????????????<li>
????????????????????????????<a?href="">加油</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">努力</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">安靜</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">速度</a>
????????????????????????</li>
????????????????????</ul>????
????????????????</li>
????????????????<li?class="navmenu">
????????????????????<a?href="">音樂盒</a>
????????????????????<ul>
????????????????????????<li>
????????????????????????????<a?href="">十年</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">紅玫瑰</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">淘汰</a>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="">約定</a>
????????????????????????</li>
????????????????????</ul>
????????????????</li>
????????????????<li>
????????????????????<a?href="">關(guān)于我們</a>
????????????????</li>
????????????</ul>
????</body>
</html>
2016-12-18
你的jQuery文件引進正確不,好好檢查一下
2016-11-18
我的也是沒有處理效果,可能是我們的jQuer包版本高了。
2016-11-08
有效果啊,jq引用地址正確嗎