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


Posted in Javascript onApril 21, 2013
<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>
Javascript 相关文章推荐
js中遍历Map对象的方法
Jul 27 Javascript
js实现背景图自适应窗口大小
Jan 10 Javascript
Vue AST源码解析第一篇
Jul 19 Javascript
基于JavaScript canvas绘制贝塞尔曲线
Dec 25 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
Django模板继承 extend标签实例代码详解
May 16 Javascript
Vue项目实现简单的权限控制管理功能
Jul 17 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
JS绘图Flot应用图形绘制异常解决方案
Oct 16 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 #Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 #Javascript
jQuery弹出(alert)select选择的值
Apr 21 #Javascript
jQuery登陆判断简单实现代码
Apr 21 #Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 #Javascript
Jquery submit()无法提交问题
Apr 21 #Javascript
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 #Javascript
You might like
php使用递归计算文件夹大小
2014/12/24 PHP
安装docker和docker-compose实例详解
2019/07/30 PHP
Prototype Selector对象学习
2009/07/23 Javascript
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
2020/08/20 NodeJs
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
pyside写ui界面入门示例
2014/01/22 Python
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
python 默认参数问题的陷阱
2016/02/29 Python
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
python的常用模块之collections模块详解
2018/12/06 Python
Python函数返回不定数量的值方法
2019/01/22 Python
python实现发送带附件的邮件代码分享
2020/09/22 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
策划总监岗位职责
2014/02/16 职场文书
专题组织生活会方案
2014/06/15 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
世界地球日活动总结
2015/02/09 职场文书
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫