管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

JavaScript妙味课堂物体平滑移动特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript物体平移运动特效</title> 
<style> 
#div1 {background: red url(http://www.glzy8.com/images/logo.gif); position:absolute; left:50px; top:50px; width:200px; height:200px;} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20g_oTimer%3Dnull%3B%20%0D%0A%0D%0Afunction%20startMove()%20%0D%0A%7B%20%0D%0Aif(!g_oTimer)%20%0D%0A%7B%20%0D%0Ag_oTimer%3DsetInterval(moveTimerHandler%2C%2030)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20moveTimerHandler()%20%0D%0A%7B%20%0D%0Avar%20oDiv%3Ddocument.getElementById('div1')%3B%20%0D%0Avar%20iSpeed%3D5%3B%20%0D%0A%0D%0Aif(oDiv.offsetLeft%3E%3D300)%20%0D%0A%7B%20%0D%0AclearInterval(g_oTimer)%3B%20%0D%0Ag_oTimer%3Dnull%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0AoDiv.style.left%3DoDiv.offsetLeft%20%2B%20iSpeed%20%2B%20'px'%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Awindow.onload%3Dfunction%20()%20%0D%0A%7B%20%0D%0Avar%20oBtn%3Ddocument.getElementById('btn_start_move')%3B%20%0D%0A%0D%0AoBtn.onclick%3DstartMove%3B%20%0D%0A%7D%3B%20%0D%0A%3C%2Fscript%3E"> 
</head>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程

JavaScript妙味课堂 物体平滑移动特效

JavaScript妙味课堂物体平滑移动特效