会python真的可以为所欲为0(回)
399天前
这里还有人吗1(回)
584天前这里还有人吗0(回)
584天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
809天前到处都是羊，不想上班0(回)
889天前
鸽子
0(回)
893天前<!doctype html> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
<style> |
body, dl, dt, dd { |
padding:0; |
margin:0; |
} |
</style> |
</head> |
<body> |
<dl id="J_move"> |
<dt>鼠标放上去的效果</dt> |
<dd>1、这是第1行</dd> |
<dd>2、这是第2行</dd> |
<dd>3、这是第3行</dd> |
<dd>4、这是第4行</dd> |
</dl> |
<script> |
!function(){ |
var D = document, moveArea = D.getElementById("J_move"); |
//moverFn |
function moverFn(oTarget){ |
var self = oTarget, iSpeed = 0; |
oTarget.timer && clearInterval(oTarget.timer) |
oTarget.timer = setInterval(function(){ |
var nVal = parseInt(self.style.textIndent) || 0; |
iSpeed += ((self.finish - nVal)/2)*0.7; |
iSpeed = iSpeed<0 ? Math.floor(iSpeed) : Math.ceil(iSpeed) |
if(nVal==oTarget.finish || Math.abs(iSpeed- nVal)<1) { |
clearInterval(self.timer); |
self.style.textIndent = (self.finish < 0 ? 0 : self.finish) + 'px'; |
self = null; |
}else{ |
self.style.textIndent = iSpeed + 'px'; |
} |
|
},30); |
} |
//eventAdd |
moveArea.onmouseover = function(e){ |
var oEven = e || event, oTarget = oEven.target || oEven.srcElement; |
while(oTarget!=this){ |
if(oTarget.nodeName.toLowerCase()==="dd") break; |
oTarget = oTarget.parentNode; |
} |
|
if(oTarget.nodeName.toLowerCase()==="dd"){ |
oTarget.finish = 25; |
moverFn(oTarget) |
oTarget.onmouseout = function(){ |
oTarget.finish = 0; |
moverFn(oTarget); |
} |
} |
} |
}(); |
</script> |
</body> |
</html> |
初级程序员
by: 正仔 发表于：2013-02-22 14:28:18 顶(0) | 踩(0) 回复
能不能改变偏移过度的时间呢！？
网友回复
回复小蜜锋 ： 你是指偏移的速度？
顶(0) 踩(0) 2013-02-22 17:27:59
回复评论