利用jquery實現點擊標題顯示簡介



25 96 33



特效描述:利用jquery實現 點擊標題 顯示簡介,利用jquery實現點擊標題顯示簡介

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/jquery.accordion.js"></script>

3. HTML代碼

	<div id="container">
		<div class="pbd">
			<div class="area01">
				<div class="maincontent">
					<h4>51前端</h4>
					<div class="box01">
						<img src="images/g1-img01.gif" />
					</div>
					<div class="box02">
						<h4>51前端<span>51qianduan.com</span></h4>
					</div>
					<div class="box03">
						  <ul id="navigation">
							<li><span class="head">51前端--51qianduan.com</span>
							  <p>51前端--51qianduan.com</p>
							</li>
							<li><span class="head">51前端--51qianduan.com</span>
							  <p>51前端--51qianduan.com</p>
							</li>
							<li><span class="head">51前端--51qianduan.com</span>
							  <p>51前端--51qianduan.com</p>
							</li>
							<li><span class="head">51前端--51qianduan.com</span>
							  <p>51前端--51qianduan.com</p>
							</li>
						  </ul>
						</div>
				</div>
			</div>
		</div>
	</div>



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


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 收縮展開 展開收縮 收縮 展開 收縮菜單 收縮導航 手風琴 水平手風琴 垂直手風琴 圖片手風琴 文字手風琴 手風琴插件
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

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