选项卡式友情链接切换代码

代码笔记       102KB      2013-05-07 16:28:36    
这个代码是在另外一个代码的基础上修改的  这个版本适合放不同的友情链接的情况 

适合不太会修改代码的同学拿来就用

如果要点击切换 请修改代码为如下格式:

<script type="text/javascript">
$(document).ready(function(){
          $('#tab-container ul.tabs li a').click(function(e) { e.preventDefault(); });
 
$(".tab-contents").hide(); 
$(".tab-contents:first").show();
$("#tab-container ul.tabs li a").click(function(){
 
var activeTab = $(this).attr("href");
$("#tab-container ul.tabs li a").removeClass("active");
$(this).addClass("active");
$(".tab-contents").hide(); 
$(activeTab).fadeIn(); 
});
});
</script>


如果要鼠标经过就切换 请按照如下格式:

<script type="text/javascript">
$(document).ready(function(){
          $('#tab-container ul.tabs li a').mouseover(function(e) { e.preventDefault(); });
 
$(".tab-contents").hide(); 
$(".tab-contents:first").show();
$("#tab-container ul.tabs li a").mouseover(function(){
 
var activeTab = $(this).attr("href");
$("#tab-container ul.tabs li a").removeClass("active");
$(this).addClass("active");
$(".tab-contents").hide(); 
$(activeTab).fadeIn(); 
});
});
</script>



之前代码
https://www.daimabiji.com/mainmenus/201304111.html
效果预览 本地下载 打赏