千丝海阁

前两天发了一文《利用Jqueryui的effect让博客Logo抖动起来》，主要是利用jqueryui.js的接口来实现。发文后，CSS王子大发同学来留言说CSS就能实现，不需要调用脚本。随即今天正好有空，简化了实现方法，不需要调用jqueryui，直接用几句js搞定，效果和之前的一样，见左上方的logo，实际上外观上看不出有什么区别。

将之前的下面内容去除，也就是去掉jqueryui的接口：

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

再将下面的内容：

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

更改为：

$(".imagelogo").mouseover(function() {
	obj = $(this);
	i = 5;
	timer = null;
	clearInterval(timer);
        timer = setInterval(function(){    	
	    obj.css({"position":"relative","left":i+"px"});
	    i = -i;
        },50);
});

$(".imagelogo").mouseout(function() {
	clearInterval(timer);
});

话说单独看了下jqueryui.js中关于shake的函数，貌似要比上面这段代码长了不知道多少，当然它还有其他参数返回，功能比较多了。

大发，你说的不会是纯CSS能实现吧。。。如果是的话，给个关键字。。。