jQuery模拟超链接点击效果代码

145 阅读 0 评论 96 点赞

我是靠谱客的博主欢呼水杯，最近开发中收集的这篇文章主要介绍jQuery模拟超链接点击效果代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<style type="text/css"> 
.divFrame { 
width:260px;border:1px solid #666;font-size:10pt; 
} 
.divTitle { 
background-color:#eee;padding:5px; 
} 
.divContent { 
padding:5px;display:none; 
} 
.divCurrColor { 
background-color:red; 
} 
</style> 
<script src="jQuery/jquery-1.9.1.js"></script> 
<script type="text/javascript"> 
$(function () { 
$('.divTitle').click(function () { 
$(this).addClass('divCurrColor').next('.divContent').css('display', 'block'); 
}) 
}) 
</script> 
</head> 
<body> 
<div class="divFrame"> 
<div class="divTitle">主题</div> 
<div class="divContent"> 
<a href="#">链接一</a><br /> 
<a href="#">链接二</a><br /> 
<a href="#">链接三</a> 
</div> 
</div> 
</body> 