jquery ui accordion手風琴插件帶動畫的豎直手風琴上下伸縮展開



122 484 162



特效描述:手風琴插件 動畫豎直手風琴 上下伸縮展開,

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/styles.css" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>

3. HTML代碼

<ul class="services-list">
	<li>
		<h2><a href="#" title="">CSS3+PIE圓角插件實現超酷的導航菜單和按鈕</a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>此作品是一款可以幫助網友們美化菜單和按鈕,跟丑陋的、傳統的菜單和按鈕說88,默認整理了4種主題顏色,網友們可以自己無限添加哦,主要用了CSS3+PIE圓角插件實現,這樣就可以兼容所有瀏覽器啦,菜單和按鈕的長度都是自適應。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Monitoreo" /></div>
			</div>
		</div>
	</li>
	<li>
		<h2><a href="#" title=""><strong>帶動畫全屏圖文切換+鍵盤控制的Jquery焦點圖</strong></a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>此Jquery特效是一款效果非常酷的圖片輪播,它包括了以下功能<br />1、帶動畫效果<br />2、全屏輪播<br />3、輪播內容由圖文切換<br />4、鍵盤左右方向鍵控制左右滾動<br />5、背景跟隨切換<br />6、自動播放。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Alarmas y c&aacute;maras" /></div>
			</div>
		</div>
	</li>
	<li>
		<h2><a href="#" title="">網友康松分享仿Win8布局+lightbox彈出層插件顯示頁面</a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>此作品是仿Win8布局+lightbox彈出層Jquery插件實現的,它把整個網站的功能都在這個布局里面展示,點擊的時候以彈出層的方式來顯示頁面,這樣就可以減少了繁瑣的跳轉頁面操作,提高了用戶體驗,是一種最近比較流行的網頁布局,網友們好好利用哦。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Protecci&oacute;n perimetral" /></div>
			</div>
		</div>
	</li>
	<li>
		<h2><a href="#" title="">一款帶3D效果帶略縮圖的幻燈片Jquery插件</a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>此Jquery插件一款帶3D效果帶略縮圖的幻燈片效果,功能非常強大,默認帶有3種皮膚,用法也很簡單,可以靈活設置6個參數,1、skin:皮膚目錄設置,包括3個(cool,crazy,simple)2、numberOfThumbsPerScreen:略縮圖的滾動個數,默認為7個。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Consorcios" /></div>
			</div>
		</div>
	</li>
	<li>
		<h2><a href="#" title="">網友Kevin分享原創圖片滾動Jquery插件kevinScroll</a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>首先非常感謝網友Kevin的無私分享,此Jquery插件實現圖片滾動功能,這是他寫的一款原創作品,插件命名為kevinScroll,現在分享的是V1.0版本,還在不斷完善中,插件功能非常強大,可以靈活設置7個參數,頁面上可以多次調用都不起沖突。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Protecci&oacute;n de personas" /></div>
			</div>
		</div>
	</li>
	<li>
		<h2><a href="#" title="">一款國外的四圖輪播幻燈片Jquery插件</a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>此Jquery插件是一款國外的四圖輪播幻燈片,功能不是很復雜,非常實用,圖片使用跟平時的焦點圖的用法有點不同,它的圖片不放到主體里面,通通都作為背景圖片使用,主體就用文字來描述,包含了圖片播放、圖片滑動、圖片左右輪播。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Auditor&iacute;as" /></div>
			</div>
		</div>
	</li>
	<li>
		<h2><a href="#" title="">原生js實現3維圖片里外轉動放大縮小特效</a></h2>
		<div>
			<div class="service-content">
				<div class="service-info-text">
					<p>此js特效實現3維圖片里外轉動放大縮小功能,是一款效果非常酷的作品,作為圖片輪播特效來講,它算比較新有創意的啦,包含了圖片滾動、圖片放大、圖片縮小、鼠標懸浮事件等功能。。。</p>
				</div>
				<div class="service-info-image"><img src="img/services/service-07.jpg" alt="Desarrollos a medida" /></div>
			</div>
		</div>
	</li>
</ul>



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 加載動畫 滑動選項卡 滑動切換 滾動切換 滾動條切換 flash焦點圖 flash幻燈片 flashbanner flash圖片輪播 滑動手風琴 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 收縮展開 展開收縮 收縮 展開 h5彈窗動畫 html5彈窗動畫 h5動畫 h5背景動畫 h5場景動畫 h53D動畫 h5界面動畫 html5動畫 焦點圖 幻燈片 輪播圖 bar焦點圖 h5按鈕動畫 html5按鈕動畫 收縮菜單 收縮導航 h5圖片動畫 h5圖標動畫 html5圖片動畫 html5圖標動畫 帶簡介的焦點圖 文字切換 文字選項卡 滑動手風琴
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子