首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

卡片式 联接

2012-11-04 
卡片式 连接这段很平常的代码,总是记不住:script typetext/javascript srcscripts/jquery-1.4.2.min

卡片式 连接

这段很平常的代码,总是记不住:

<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script><script type="text/javascript">$(function() {$(document).ready(function() {//Default Action$(".tab_content").hide(); //Hide all content$("ul.tabs li:first").addClass("active").show(); //Activate first tab$(".tab_content:first").show(); //Show first tab content//On Click Event$("ul.tabs li").click(function() {$("ul.tabs li").removeClass("active"); //Remove any "active" class$(this).addClass("active"); //Add "active" class to selected tab$(".tab_content").hide(); //Hide all tab contentvar activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content$(activeTab).fadeIn(); //Fade in the active contentreturn false;});});});</script>
?
<ul alt="卡片式 联接" /></a><h5><a href="#">1</a></h5></li></ul></div><div id="tab2" alt="卡片式 联接" /></a><h5><a href="#">2</a></h5></li></ul></div><div id="tab3" alt="卡片式 联接" /></a><h5><a href="#">3</a></h5></li></ul></div></div>
?

热点排行