侧边栏链接滑动

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:柴米油盐

Comments | 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 回复

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

  5. 发布于2010年12月20日 16:58 回复

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

    • 发布于2010年12月20日 19:51 回复

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