白小姐内幕弦机|白小姐今晚欲钱料今晚生肖
征集網銳志網絡淘途找素材上91
創意在線首頁
平面設計交互設計CG動漫工業設計建筑環境數碼影像創意搜
 首頁大賽征集資訊教程畫廊訪談作品集創企同盟設計招聘人才專區競賽臺專題論吧 找素材看酷站設計網址庫
教程網 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
當前位置:首頁 > 教程 > 腳本特效 > 正文
jquery 經典選項卡代碼
作者: 來源: 發表時間:2010-7-8 13:53:43 瀏覽:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>經典選項卡</title>
<script type="text/網頁特效" src="http://www.111cn.net/網頁特效lib/jquery/jquery.網頁特效"></script>
<style type="text/css教程">
.tab{text-align:left;width:500px;border:#ccc 1px solid;margin:100px;}
.tab dt{border-bottom:#ccc 1px solid;height:25px;background:#f1f1f1;margin-bottom:-1px;height:25px;line-height:25px;}
.tab dt strong{padding:0 15px;color:#444;}
.tab dt a{display:inline-block;cursor:pointer;padding:0 10px;text-align:center;background:#f1f1f1;color:#000;}
.tab dt a.on{background:#fff;color:#333;font-weight:bold;border-bottom:1px solid #fff;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.tab dd{padding:10px;height:200px;clear:both;}
</style>
</head>
<body>
<script type="text/網頁特效">
$(function(){
var tabtitle = ".tab dl dt a";
var tabcontent = ".tab dl ul";
$(tabtitle + ":first").addclass("on");
$(tabcontent).not(":first").hide();
$(tabtitle).unbind("click").bind("click", function(){
$(this).siblings("a").removeclass("on").end().addclass("on");
var index = $(tabtitle).index( $(this) );
$(tabcontent).eq(index).siblings(tabcontent).hide().end().fadein("slow");
});
});
</script>
<div class="tab">
<dl>
<dt><strong>經典選項卡</strong><a>手機賣場</a><a>腳本之家</a><a>海瀾男人</a><a>精品居家</a></dt>
<dd>
<ul>1111111111111111111111</ul>
<ul>www.jb51.net</ul>
<ul>333333333333333333333</ul>
<ul>444444444444444444</ul>
</dd>
</dl>
</div>
</body>
</html>


在線編輯:angel
本文鏈接:


推薦閱讀:
·2019第五屆“包豪斯獎”國際設計大賽 征稿公告
·第十三屆《中國大學生美術作品年鑒》第二批征稿
·2019第五屆“包豪斯獎”國際設計大賽 征稿公告
·青春唯美插畫培訓網絡遠程班正在招生
·2019第十一屆中國高校美術作品學年展征稿章程
·2019第五屆“包豪斯獎”國際設計大賽 征稿公告
·2019第五屆“包豪斯獎”國際設計大賽 征集公告
·2019第十三屆“創意中國”設計大獎獲獎名單揭曉
免責聲明:本站刊載此文不代表同意其說法或描述,僅為提供更多信息。對本文有異議,請聯絡本站!
轉載要求:文章作者及來源信息必需保留。轉載之圖片、文件請不要盜鏈本站地址,且不準打上各自站點的水印!

近期推薦報道 返回首頁更多精彩等著你!

Photoshop| Photoshop調出郁金香圖片鮮艷的青攝影佳作| Kate Bellm性感的時尚人體攝影作
網頁設計| 2010世界杯最美網站設計Photoshop| Photoshop制作沾滿水花的藍色水晶
網頁設計| 德國asphyxia219網站作品欣賞海報設計| 不只水墨-設計大師靳埭強先生作品欣賞
插畫藝術| Marleen Weijman 艷麗插畫Photoshop| Photoshop制作水晶透明的立體按鈕
Photoshop| Photoshop給美女照片加上絢麗的彩網頁設計| 巴基斯坦naseemhaider網站作品
韓國站點 素材資源 藝術攝影 游戲娛樂 影視網站 建筑家居 FLASH站 旅游購物 明星網站 個性展示 網站教學 工 作 室 學校教育
設計門戶 優秀企業 時尚品牌 象素站點 數碼通信 設計公司 汽車網站 國外優秀 兒童網站 文化藝術 體育運動 美容健身 食品飲料
網站名稱:whaternet
網站地址:http://whaternet.com/
加入時間:2014-8-5 13:59:20
網站名稱:mnnaite
網站地址:http://www.mnnaite.com/static/
加入時間:2014-8-5 13:58:07
網站名稱:tijuanaflats
網站地址:http://tijuanaflats.com/
加入時間:2014-8-5 13:55:32
網站名稱:digital
網站地址:http://production-digital.com/
加入時間:2014-8-5 13:54:45
網站名稱:deutschesee
網站地址:http://www.deutschesee.de/
加入時間:2014-8-5 13:51:54
網站名稱:kennedy
網站地址:http://www.kennedyandoswald.com/
加入時間:2014-8-5 13:50:57
關于本站 | 聯系方式 | 商業服務 | 合作伙伴 | 站點地圖 | 免責聲明 | 版權聲明 | 在線投稿  
 
白小姐内幕弦机 德州麻将作弊器管用吗 山东老11选5前3遗漏 甘肃十一选五开奖结果一爱乐彩 秒速时时彩开号规律 捕捕鱼来了官网 海南福利彩票中心 山西泳坛夺金最近5oo期 500万即时比分手机 极速十分彩 河北福利彩票排列7