千丝海阁

之前大发的主题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");
});