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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
用js统计用户下载网页所需时间的脚本
Oct 15 Javascript
JQuery 获得绝对,相对位置的坐标方法
Feb 09 Javascript
javascript css styleFloat和cssFloat
Mar 15 Javascript
javascript定义变量时加var与不加var的区别
Dec 22 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
Jun 19 Javascript
函数四种调用模式以及其中的this指向
Jan 16 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
微信小程序 冒泡事件原理解析
Sep 27 Javascript
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
基于原生js实现判断元素是否有指定class名
Jul 11 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记录代码执行时间(实现代码)
2013/07/05 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
js setattribute批量设置css样式
2009/11/26 Javascript
基于jquery的超简单上下翻
2010/04/20 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
JavaScript中操作Mysql数据库实例
2015/04/02 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
JS设计模式之命令模式概念与用法分析
2018/02/06 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
Java 生成随机字符的示例代码
2021/01/13 Javascript
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
CSS3 简写animation
2012/05/10 HTML / CSS
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
医院学雷锋活动策划方案
2014/02/15 职场文书
法制报告会主持词
2014/04/02 职场文书
公司股权转让协议书
2014/04/12 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
四风问题对照检查整改措施思想报告
2014/10/05 职场文书
Python竟然能剪辑视频
2021/05/25 Python
为什么代码规范要求SQL语句不要过多的join
2021/06/23 MySQL
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
python脚本框架webpy的url映射详解
2021/11/20 Python