侧边栏链接滑动

2010-12-14 16:59:22

        今天在Heson童鞋的帮助下,再次美化了一下自己的WP。可能是因为刚开始接触这个的时候就听人说:“可以用代码实现的效果绝对不用插件来实现”,也许是因为深深受这句话的影响,至今只用了Auto Highslide这个插件!

         今日还是修改了边栏,侧边栏链接滑动。方法如下(还是给那些新手们看的,高手请略过)

 将一下代码添加至你的JS文件中

$(‘#sidebar a’).hover(function() {
     $(this).stop().animate({‘left’: ’5px’}, ‘fast’); 
 }, function() {
    
$(this).stop().animate({‘left’: ’0px’}, ‘fast’); 

 });

将一下代码添加至你的CSS文件中,放在最下面即可

#sidebar a{position:relative;}

         刷新,OK!

          当然,如果你想要其他地方也滑动只需修改#sidebar  a即可

标签: ,
Category:wordpress

12条留言 发表在 “侧边栏链接滑动”

  1. 2010 年 12 月 14 日 21:13

    :smile: 看到效果了,呵呵,我也有用

    • 2010 年 12 月 14 日 21:21

      @万戈, 哈哈 …万戈大哥又来寒舍了!欢迎欢迎啊!!! :smile:

  2. 2010 年 12 月 15 日 10:20

    木木来访,哈哈

    • 2010 年 12 月 15 日 10:30

      @木本无心, 谢谢,呵呵…看着你们这些高手光临寒舍,真是令寒舍蓬荜生辉!

  3. 2010 年 12 月 15 日 19:44

    :arrow: 看到了,效果不错

    • 2010 年 12 月 15 日 20:18

      @空空裤兜, 呵呵…这条是用手机回复的,不知道你能不能收到,等下用手机上你的看看使用插件是什么效果

  4. 2010 年 12 月 15 日 21:25

    其实我觉得这种特效做标题也不错

    • 2010 年 12 月 16 日 08:39

      @空空裤兜, 修改了,欢迎来查看!呵呵

      • 2010 年 12 月 16 日 09:43

        @mofei, 哇,所有的链接都有这个效果了

      • 2010 年 12 月 16 日 14:55

        @mofei, 导航链接上下移动感觉好点

  5. 2010 年 12 月 20 日 16:58

    这个不错~回头我也加上去~呵呵。

    • 2010 年 12 月 20 日 19:51

      @iwww, 是哦,好多人都在用这个!赶快加上吧,让咱的WP更炫点