当前位置：首页 > 资讯 > 技术文档

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

时间：2022-06-26 03:26 编辑：来源：阅读：
扫一扫，手机访问

摘要：一个简单的JS鼠标悬停特效具体方法

首先，需加载jquery库（略过）。其次，将下面 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>  
 

第三，在样式中加入：

[u]复制代码[/u] 代码如下:

a {position:relative}

完成。简单定义下a:hover样式，貌似更简单：

[u]复制代码[/u] 代码如下:

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

只是不够自然而已。

全部评论(0)

上一篇：javascript实现根据3原色制作颜色选择器的方法
下一篇：Jquery Autocomplete 结合asp.net使用要点

资讯排行榜
更多>>