jquery滑動門代碼鼠標懸停豎直手風琴滑動門切換



97 386 129



特效描述:滑動門 鼠標懸停 豎直手風琴 滑動門切換,jquery滑動門代碼插件制作豎直滑動門切換效果,通過鼠標懸停滑過導航標簽滑動門自動切換效果。默認可設置某個滑動門展開,支持點擊或懸停的滑動門代碼。

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.hoveraccordion.js"></script>

2. HTML代碼

	<ul id="accoradion01" class="accoradion">
		<li><a href="#">jquery 特效</a>
			<ul>
				<li>
					<h3><a href="http://www.17sucai.com/" target="_blank">jquery多窗口輪播焦點圖片滾動切換</a></h3>
					<p>jquery焦點圖特效制作影視網站多窗口焦點圖片輪播滾動播放,點擊索引按鈕每個焦點圖窗口圖片相應的滾動切換。多個窗口圖片滾動組成的輪播焦點圖片切換。</p>
				</li>
			</ul>
		</li>
		<li><a href="#">js特效</a>
			<ul>
				<li>
					<h3><a href="http://www.17sucai.com/" target="_blank">js文字切換特效制作焦點文字帶濾鏡切換效果</a></h3>
					<p>js文字特效制作js文字切換效果讓焦點文字帶濾鏡效果切換滾動,內含js代碼下載。</p>
				</li>
			</ul>
		</li>
		<li><a href="#">flash特效</a>
			<ul>
				<li>
					<h3><a href="http://www.17sucai.com/" target="_blank">flash圖片切換左右滾動帶序列索引按鈕控制flash動畫圖片特效</a></h3>
					<p>flash動畫圖片滾動特效帶序列按鈕對應索引圖片切換左右滾動支持xml文件外調、圖片外調等功能。</p>
				</li>
			</ul>
		</li>
		<li><a href="#">div+css教程</a>
			<ul>
				<li>
					<h3><a href="http://www.17sucai.com/" target="_blank">div+css布局控制div定位浮動層在背景圖片上的半透明陰影效果</a></h3>
					<p>div+css布局應用div定位浮動層控制在背景圖片上,以半透明陰影效果顯示,div內容列表排行序列顯示。div css模板和div css教程下載。</p>
				</li>
			</ul>
		</li>
		<li><a href="#">html5教程</a>
			<ul>
				<li>
					<h3><a href="http://www.17sucai.com/" target="_blank">制作CSS3和HTML5的一個單頁網站模板</a></h3>
					<p>在這里,我們使用的是新版本的HTML- 該網站的基本語言,使Web模板,利用所帶來的CSS3和jQuery的一些新功能的scrollTo插件。</p>
				</li>
			</ul>
		</li>
	</ul><!--accoradion end-->



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滑動手風琴
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

湖北30选5开奖结果走势图表