您的位置：首页 > Web前端 > JQuery

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

2018-10-12 13:59 483 查看


<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>

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航