你看下 我做过的 lerhe.cn中有, css +js 实现的
// JavaScript Document$(document).ready(function(){
//侧边栏内块跟随滚动
$(".sideScall").fixbox({distanceToTop:30,threshold:15})
//缩略图效果
$(".thumb").find('img').css('cursor',"url('/wp-content/themes/Lerhe_V20/images/big.cur'),default")
$(".thumb").click(function()
{
//alert("dfdsfds")
var o= $(this).find('img')
var img = new Image()img.src =o.attr("src") var w = img.width
//alert(o[0].style.width)
if(w>=480){w=480}
if(o[0].style.width!=w+'px')
{
//o.width('auto')
o.animate({width:w})
o.css('cursor',"url('/wp-content/themes/Lerhe_V20/images/small.cur'),default")
//o[0].removeClass("JIATHIS_IMG_OK")
}
else
{
o.animate({width:'180'})
o.css('cursor',"url('/wp-content/themes/Lerhe_V20/images/big.cur'),default")
}
// alert("ds")
// alert($(this).tagName)
})