一个简单的JS鼠标悬停特效具体方法
发布时间：2020-12-14 23:42:48 所属栏目：资源 来源：网络整理
导读：首先，需加载jquery库（略过）。 其次，将下面 Javascript代码加到页面的头部： 复制代码 代码如下: script type='text/javascript' jQuery(document).ready(function($){ $('a').hover(function() { $(this).stop().animate({'left': '5px'},'fast'); },func
|
首先，需加载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> 第三，在样式中加入： 复制代码 代码如下: a {position:relative} 完成。 简单定义下a:hover样式，貌似更简单： 复制代码 代码如下: a:hover { padding: 0 0 0 8px;} 只是不够自然而已。 您可能感兴趣的文章:
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |