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

 更新时间:2013年04月21日 16:29:30   作者:  
本文将为大家介绍下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>

相关文章

  • jQuery实现的自定义轮播图功能详解

    jQuery实现的自定义轮播图功能详解

    这篇文章主要介绍了jQuery实现的自定义轮播图功能,结合实例形式详细分析了轮播图的原理、实现步骤及相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • jQuery循环遍历子节点并获取值的方法

    jQuery循环遍历子节点并获取值的方法

    这篇文章主要介绍了jQuery循环遍历子节点并获取值的方法,涉及jQuery节点的遍历与属性操作相关技巧,需要的朋友可以参考下
    2016-04-04
  • DIV外区域Click后关闭DIV的实现代码

    DIV外区域Click后关闭DIV的实现代码

    首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根
    2011-12-12
  • jquerymobile checkbox及时刷新才能获取其准确值

    jquerymobile checkbox及时刷新才能获取其准确值

    一般登录的时候 都有个记住用户名 记住密码 的两个checkbox 多选框用jquerymobile 做页面 ,当勾选checkbox 时总是不能获取它正确的值
    2012-04-04
  • jQuery事件绑定.on()简要概述及应用

    jQuery事件绑定.on()简要概述及应用

    前几天看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的,最后看源码发现bind()和delegate()都是由on()实现的,感兴趣的朋友可以了解下,或许本文对你有所帮助
    2013-02-02
  • ThinkPHP+jquery实现“加载更多”功能代码

    ThinkPHP+jquery实现“加载更多”功能代码

    本篇文章主要介绍了ThinkPHP+jquery实现“加载更多”功能代码,以实例代码讲诉了加载更多的代码实现,非常具有实用价值,需要的朋友可以参考下
    2017-03-03
  • Jquery post传递数组方法实现思路及代码

    Jquery post传递数组方法实现思路及代码

    Jquery post 传递数组以做批量删除会需要传递要删除的数据ID数组,下面是具体的实现代码,感兴趣的童鞋们可以参考下
    2013-04-04
  • EasyUI创建人员树的实例代码

    EasyUI创建人员树的实例代码

    最近做项目做一个树状的下拉列表,下面小编把easyUI创建人员树的实现代码分享到脚本之家平台,需要的朋友参考下吧
    2017-09-09
  • Android中资源文件(非代码部分)的使用概览

    Android中资源文件(非代码部分)的使用概览

    Android中的资源是指非代码部分,指外部文件,本文详细介绍资源使用概览,需要了解的朋友可以参考下
    2012-12-12
  • 利用jquery实现实时更新歌词的方法

    利用jquery实现实时更新歌词的方法

    这篇文章主要给大家介绍了如何利用jquery实现实时更新歌词的方法,文中给出了详细的实现思路和示例代码,对大家的参考借鉴具有一定的价值,有需要的朋友下面来跟着小编一起学习学习吧。
    2017-01-01

最新评论