一个简单的JS鼠标悬停特效具体方法
2013-06-17 00:00
645 查看
首先,需加载jquery库(略过)。
其次,将下面 Javascript代码加到页面的头部:
第三,在样式中加入:
完成。
简单定义下a:hover样式,貌似更简单:
只是不够自然而已。
其次,将下面 Javascript代码加到页面的头部:
<script type='text/javascript'> jQuery(document).ready(function($){ $('a').hover(function() { $(this).stop().animate({'left': '5px'}, 'fast'); }, function() { $(this).stop().animate({'left': '0px'}, 'fast'); }); }); </script>
第三,在样式中加入:
a {position:relative}
完成。
简单定义下a:hover样式,貌似更简单:
a:hover { padding: 0 0 0 8px;}
只是不够自然而已。
相关文章推荐
- 一个简单的JS鼠标悬停特效具体方法
- js实现动画特效的文字链接鼠标悬停提示的方法
- js实现动画特效的文字链接鼠标悬停提示的方法
- JS实现鼠标箭头变成一个燃烧烛光效果的方法
- js一个简单的方法实现数组中元素相加
- js鼠标滑过图片震动特效的方法
- VC++ 中响应鼠标悬停事件的简单方法(2005-8-10)
- js实现鼠标移到链接文字弹出一个提示层的方法
- js实现鼠标移到链接文字弹出一个提示层的方法
- JS调用OC简单实例-传递一个或者多个参数给oc方法
- 一个简单的隐藏quick launch的js方法
- 比较简单的一个符合web标准的JS调用flash方法
- JQuery实现感应鼠标弹出气泡框悬停提示的js特效
- 用html+css+js实现的一个简单的图片切换特效
- javascript常用开发笔记:一个简单强大的js日期格式化方法
- js实现鼠标悬停图片上时滚动文字说明的方法
- 一些简单的特效 鼠标悬停 鼠标移动 和 图标特效
- JS实现鼠标箭头变成一个燃烧烛光效果的方法
- js获取url参数的一个简单方法
- javascript常用开发笔记:一个简单强大的js日期格式化方法