这个特效最终实现效果就是当鼠标移动到链接上，文字会横向移动一定距离，貌似总有人喜欢这些花花草草。添加此效果方法很简单。
首先，需加载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;}
只是不够自然而已。
这可能是换主机前最后一篇日志，下周会暂时关闭博客，等待备案通过.....
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
1F
貌似总有人喜欢这些花花草草。 哈哈。貌似可以不用关闭备案呢？看你怎么跟主机商说哇
B1
@ 门软 备案部 工信部说的算
2F
鸟哥要搬家了啊
3F
离鸟可如此之近，不知能不能和鸟哥做个联接
4F
需加载jquery库（略过）。
略过的刚好是我不明白的，不是将Javascript代码加到页面的头部（应该是页面的任何地方吧）就可以的吗，不明白这个加载jquery库什么意思。
B1
@ 奶茶 不懂就打开鸟哥的主题，看下就知道了哈哈
5F
哎呀~ 好久没来鸟哥这里了噢~ 出来冒个泡拉！ 哈哈 内容还是一如既往的好哇！
6F
效果是实现了，但确实有点简单了。
7F
在天朝混，不备案是不行的。幸好我老早以前就备案了，，，不然三天两头出问题。。回来吧鸟哥。 天朝还是比较可以的。。。
8F
鸟，任何主题都通用？
9F
鸟哥也要BA了呀！呵呵，最后都要走这步了
10F
鸟哥,那个视频主页和相册主页是怎么弄的呢?
11F
过来支持下 ！！！
12F
这么简单呐，哈哈，收下了，感谢。
13F
这个挺简单的呢
14F
我想在网站里加个 在线咨询的代码 请指教
15F
右侧的 滑动条不管用 在哪里 修改
16F
这个不错，收藏了
17F
这个功能貌似太占资源了。。- –
B1
@ 君说 貌似这个功能跟资源不会有什么占用关系
18F
鸟哥，我的图片切换要点击才能，怎样设成自动切换
没仔细看站内文章，已经找到替换文件了，谢谢
19F
有了jquery库,代码就简单了。
20F
这个效果是什么样的啊？你的博客中使用没有啊？
21F
不晓得，鸟哥的代码高亮用的是什么插件~
B1
@ HighSea 你是怎么弄的我这就是怎么弄地
B2
@ 知更鸟 看来鸟哥很有心嘛，我那边搞的太寒碜。。。
B3
@ HighSea 你的没行号，是因为全局ul li标签样式list-style:none造成的，重界定一下范围
B4
@ 知更鸟 o(︶︿︶)o 唉，是的，一语中的啊~
22F
原来如此简单，谢谢分享
23F
前来混个脸熟，早闻大名
24F
混脸熟