当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery模拟超链接点击效果代码

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

2019年01月15日  | 移动技术网IT编程  | 我要评论

窦骁胸毛,迅雷高清电影论坛,xxoobb

代码如下:

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网