Welcome, Old Sport!

简单实用的jQuery代码片段

by ilikecss ON 2013/01/11 5059

简单实用的jQuery代码片段jQuery给我们带来的便利这是不言而喻的,感谢这个伟大的工具,用它可以帮我们制作更为强大实用的网页。这里带给大家经常会用的三个小代码片段制作了一个Demo希望大家会喜欢。

1. Fade in/out(淡入/淡出)

$(".thumbs img").hover(function(){
	$(this).fadeTo("slow", 0.5); // 60% on hover
},function(){
	$(this).fadeTo("slow", 1); // back to 100% on mouseout
});

2. Add a class to the body(在body处自动添加一个Class)

$("body").addClass("classname");

3. Back to pagetop (返回页面顶部)

$("a.topLink").click(function() {
	$("html, body").animate({
		scrollTop: $($(this).attr("href")).offset().top   "px"
	}, {
		duration: 300,
		easing: "swing"
	});
	return false;
});
7条评论
  1. #1

    axiu说道:

    这几个使用频率很高

  2. #2

    哼哼猪说道:

    不错,记下了

  3. 可以借来用用了

  4. #4

    红色石头说道:

    backtotop使用了~~~
    博主这个是wp吗?主题很简洁大气啊~




TOP