請各位高人看一下代碼是否有錯：<!doctype html><html>?<head>? <meta charset="UTF-8">? <meta name="Generator" content="EditPlus?">? <meta name="Author" content="">? <meta name="Keywords" content="">? <meta name="Description" content="">? <title>tab選項(xiàng)卡</title>? <style type="text/css">? ? ?*{? margin:0px;? padding:0px;? ? ? ?list-style:none;? font-size:12px;? }? ? .notice{? ? ? ?width:298px;height:98px;margin:10px;border:1px solid #eee;overflow:hidden;? ? ? ?}? ?.notice-tit{? ? ? ? ? ? ?height:27px;position:relative;background:#F7F7F7;? ? ? ? ? ? ? }?.notice-tit ul{? ? ? ? ? ? ? ? position:absolute;width:301px;left:-1px;? ? ? ? ? ? ? ?}???.notice-tit li{? ? ? ? ? ? ? ? ? ?float:left;? width:58px;? height:26px;? line-height:26px;? text-align:center;? overflow:hidden;? background:#e4e4e4;? padding:0 1px;? border-bottom:1px solid #eee;? }?.notice-tit li.select{? ? ? ? ? ? ? ? ? ? background:#FFF;border-bottom-color:#FFF;? ? ? ? ? ? ? ? ? ? border-left:1px solid #eee;border-right:1px solid #eee;? ? ? ? ? ? ? ? ? ? padding:0px;font-weight:bolder;?}? .notice li a:link,.notice li a:visited{text-decoration:none;? ? ? ? ? ? color:#000;}? ?.notice li a:hover{color:#F90;}? ?.notice-con .mod{margin:10px 10px 10px 19px;}.notice-con .mod ul li{? ? ? ? ? ? ? ? ? ? ? ?float:left;? width:134px;? height:25px;? overflow:hidden;?}? </style><script>? ?function $(id)? {return typeof id==='string'?document.getElementById(id):id;? }?window.onload=function()? {?var ? ? titles=$('notice-tit').getElementsByTayName('li'),?divs=$('notice-con').getElementsByTayName('div');? ?if(titles.length!=divs.length)? ?return;? ? for(var i=0; i<titles.length; i++){titles[i].id=i;titles[i].onmouseover=function()? {? ? ? ? for(var j=0; j<titles.length; j++)? {? ? ? ? ? ? titles[j].className='';divs[j].style.display='none';? }? ? ? ? this.className='select';divs[this.id].style.display='black';? }}? }?</script>?</head>?<body>?<div id="notice">?<div id="notice-tit">? <ul>? ? <li><a href="#">公告</a></li>? ? <li><a href="#">規(guī)則</a></li>? ? <li><a href="#">論壇</a></li>? ? <li><a href="#">安全</a></li>? ? <li><a href="@#">公益</a></li>?</ul></div>? ?<div id="notice-con">? ? ? ?<div style="display:none;">? ? ? ? ? ?<ul>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?張勇：要玩快樂足球? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? 阿里2000萬馳援災(zāi)區(qū)? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?旅游寶讓你邊玩邊賺錢? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?多行跟進(jìn)阿里信用貸款? ? ? </a>? </li>? </ul>? ? ? ? </div>? ? ? ? <div style="display:none;">? ? ? ? ? ?<ul>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?通知 濫發(fā)即將換新? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? 通知 比特幣嚴(yán)管啊? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?通知 禁發(fā)商品名稱? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?通知 商品屬性限制? ? ? </a>? </li>? </ul>? ? ? ? </div>? ? ? ? <div style="display:none;">? ? ? ? ? ?<ul>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?聚焦 金牌賣家再啟航? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? 功能 櫥窗規(guī)則升級啊? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? 話題 又愛又恨優(yōu)惠卷? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?工具 購后送店鋪紅包? ? ? </a>? </li>? </ul>? ? ? ? </div>? ? ? ? <div style="display:none;">? ? ? ? ? ?<ul>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?張勇要玩快樂足球? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? 阿里2000萬馳援災(zāi)區(qū)? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?寶讓你邊玩邊賺錢? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?跟進(jìn)阿里信用貸款? ? ? </a>? </li>? </ul>? ? ? ? </div>? ? ? ? <div style="display:block;">? ? ? ? ? ?<ul>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?走進(jìn)無聲課堂行動? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ?淘寶之行大眾評審贏公益? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?愛心品牌聯(lián)合征集? ? ? </a>? </li>? ? ? ? ? ? ? ?<li><a href=""@#>? ? ? ?名公益機(jī)構(gòu)淘寶開店攻略? ? ? </a>? </li>? </ul>? ? ? ? </div>? ?</div></div>?</body></html>
照著老師視頻編寫完后，在瀏覽器里顯示是鼠標(biāo)滑動下面的內(nèi)容區(qū)域顯示和隱藏沒有效果，我用的是UC。
liubolang2014122
2017-05-05 14:26:42