Heim  >  Artikel  >  Web-Frontend  >  一个简单的JS鼠标悬停特效具体方法_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:32:131199Durchsuche

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

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

复制代码 代码如下:

  
 

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

a {position:relative}  

完成。

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

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

只是不够自然而已。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn