Rumah  >  Artikel  >  hujung hadapan web  >  一个简单的JS鼠标悬停特效具体方法_javascript技巧

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

WBOY
WBOYasal
2016-05-16 17:32:131252semak imbas

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

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

复制代码 代码如下:

  
 

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

a {position:relative}  

完成。

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

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

只是不够自然而已。
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn