function fnINews()
{
var aA=$("#iNewsList a");
var aLi=$("#iNewsList li");
var iMtNow=0;
aLi.mouseover(function(){
aLi.removeClass("active");
$(this).addClass("active");
return false;
});
for(var i=0;i
{
var aHtml=aA.eq(i).html().split("");
for(var j=0;j
{
aHtml[j]=""+aHtml[j]+""
}
aA.eq(i).html(aHtml.join(""));
}
var aSpan=$("#iNewsList span");
for(var i=0;i
{
aSpan.eq(i).css("left",aSpan.eq(i).position().left+"px");
}
aSpan.css("position","absolute");
var iStartTop=aSpan.position().top;
var iMinTop=-5;
var iMaxTop=parseFloat(aSpan.parent().css("height"))-parseFloat(aSpan.css("height"))+5;
aSpan.mouseover(function(ev){
var ev=ev||event;
var iStartY=ev.clientY;
var obj=$(this);
this.parentNode.οnmοusemοve=function(ev)
{
var iMouseY=ev.clientY;
var iTop=iStartTop+(iMouseY-iStartY);
var aSpan=$(this).find("span");
var iIndex=obj.index();
aSpan.stop();
if(iTopiMaxTop)
{
aSpan.animate({top:iStartTop},500,"elasticOut");
this.parentNode.οnmοuseοut=null;
this.parentNode.οnmοusemοve=null;
}
else
{
for(var i=0;i
{
if(iMouseY>iStartY)
{
var iSpanTop=iTop-Math.abs(i-iIndex);
if(iSpanTop
{
iSpanTop=iStartTop;
}
}
else if(iMouseY
{
var iSpanTop=iTop+Math.abs(i-iIndex);
if(iSpanTop>iStartTop)
{
iSpanTop=iStartTop;
}
}
aSpan.eq(i).css("top",iSpanTop+"px");
}
}
this.parentNode.οnmοuseοut=function()
{
aSpan.animate({top:iStartTop},500,"elasticOut");
this.parentNode.οnmοuseοut=null;
this.parentNode.οnmοusemοve=null;
};
};
});
}
exports.fnINews = fnINews;
这段JS 就在你说的那个里面 可以看的很清楚啊 通过 鼠标事件 +CSS 实现的 那个CSS 也可以dong 下来 你试试看