利用Jqueryui的effect让博客Logo抖动起来 – 千丝海阁

首页 » Javascript » 利用Jqueryui的effect让博客Logo抖动起来

利用Jqueryui的effect让博客Logo抖动起来

2972 10

之前大发的主题logo一直会有些小花样,当时倒是没仔细看过他是用什么方法实现的,今天tiandi发现一个非常便捷的东西–JqueryUI,详细见http://code.jquery.com/ui/。

随后tiandi随手把博客的左上角Logo加了其shake-effect。要实现这个效果很简单,通过简单的两个步骤就可以实现其功能:

header处添加下面代码:

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

footer处加入Jquery语句,这里的imagelogo为博客logo的class:

$(".imagelogo").mouseover(function() {                 
  $(this).effect("shake");
});

当然,jquery也是需要引入的,由于wordpress主题大多都已经带有jquery了,这里就不说了。

如果需要将鼠标滑过触发效果改成点击触发,则将mouseover改成click即可,即:

$(".imagelogo").click(function() {    
  $(this).effect("shake");
});
文章评分1次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2014/01/shake-logo-by-jqueryui/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

    没有相关的文章

评论前先开启评论开关:


10 Comments

  1. 大发 :

    。。。。。css就能实现,你还脚本。。

  2. 神父 :

    没有图片logo的怎么抖

  3. 晃来晃去真有意思

  4. Pnnk :

    你的评论开关好可爱…另外效果是什么?

载入分页评论...