这个特效最终实现效果就是当鼠标移动到链接上，文字会横向移动一定距离，貌似总有人喜欢这些花花草草。添加此效果方法很简单。
首先，需加载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
混脸熟