abstrak： <div class="menu"> <ul> <li name="0">首頁</li> <li name="1">php中文網(wǎng)</li> <li name="2">西門大

<div class="menu">
		<ul>
			<li name="0">首頁</li>
			<li name="1">php中文網(wǎng)</li>
			<li name="2">西門大官人</li>
			<li name="3">獨(dú)孤九劍</li>
			<li name="4">滅絕師太</li>
		</ul>
		<div class="block"></div>
	</div>

*{margin:0;padding: 0;}
		.menu{height: 32px;background: orange;width: 500px;margin:10px auto;border-radius: 6px;box-shadow: 0 0 8px #000;position: relative;}
		li{width: 100px;height: 30px;line-height: 30px;text-align: center;color: #FFF;float: left;list-style: none;cursor: pointer;}
		.block{width: 100px;height: 2px;background: #FFF;border-radius: 2px;position: absolute;left:0;top:30px;}

$(function(){
			$('li').hover(function(){
				$x = parseInt($(this).attr('name'))*100;
				$('.block').stop().animate({
					left:$x+'px'
				},300);
			},function(){
				$('.block').stop().animate({
					left:'0px'
				},300);
			});
		})

Guru membetulkan：查無此人Masa pembetulan：2018-11-14 11:40:54
Rumusan guru：寫的不錯。如果在增加一個默認(rèn)的就更好了，這樣用戶就會知道當(dāng)前是哪個頁面了。