jquery仿360音樂導航條鼠標滑過階梯動畫導航條



164 652 218



特效描述:音樂導航條 階梯動畫導航,

代碼結構

1. 引入JS

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

2. HTML代碼

	<div id="div">
		<ul id="ul1">
			<li id="li1">
				<a href="#">我的主頁</a>
				<div class="div1"></div>
			</li>
			<li id="li2">
				<a href="#">新聞頭條</a>
				<div class="div1"></div>
			</li>
			<li id="li3">
				<a href="#">電視劇</a>
				<div class="div1"></div>
			</li>
			<li id="li4">
				<a href="#">最新電影</a>
				<div class="div1"></div>
			</li>
			<li id="li5">
				<a href="#">小游戲</a>
				<div class="div1"></div>
			</li>
			<li id="li6">
				<a href="#">小說大全</a>
				<div class="div1"></div>
			</li>
			<li id="li7">
				<a href="#">旅游度假</a>
				<div class="div1"></div>
			</li>
			<li id="li8">
				<a href="#">正品購物</a>
				<div class="div1"></div>
			</li>
			<li id="li9">
				<a href="#">今日團購</a>
				<div class="div1"></div>
			</li>
		</ul>
	</div>
	<div id="pl">
	</div>
	<div>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
		<audio autoplay="autoplay">
			您的瀏覽器不支持audio標簽
		</audio>
	</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 加載動畫 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 h5彈窗動畫 html5彈窗動畫 h5動畫 h5背景動畫 h5場景動畫 h53D動畫 h5界面動畫 html5動畫 h5按鈕動畫 html5按鈕動畫 導航切換 菜單切換 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子