首页 > web前端 > js教程 > 一个简单的JS鼠标悬停特效具体方法_javascript技巧

一个简单的JS鼠标悬停特效具体方法_javascript技巧

WBOY
发布: 2016-05-16 17:32:13
原创
1302 人浏览过

首先,需加载jquery库(略过)。

其次,将下面 Javascript代码加到页面的头部:
 

复制代码 代码如下:

  
 

第三,在样式中加入:
 
复制代码 代码如下:

a {position:relative}  

完成。

简单定义下a:hover样式,貌似更简单:
 
复制代码 代码如下:

a:hover {   padding: 0 0 0 8px;}  
 

只是不够自然而已。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板