卡片式联接_读书人

卡片式连接

这段很平常的代码，总是记不住：

&lt;script type="text/javascript" src="scripts/jquery-1.4.2.min.js"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;$(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;});});});&lt;/script&gt;

&lt;ul alt="卡片式 联接" /&gt;&lt;/a&gt;&lt;h5&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/h5&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div id="tab2" alt="卡片式 联接" /&gt;&lt;/a&gt;&lt;h5&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/h5&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div id="tab3" alt="卡片式 联接" /&gt;&lt;/a&gt;&lt;h5&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/h5&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;

卡片式 联接

热点推荐

卡片式联接