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=gb2312"/><title>js滑移效果</title></head><body> 自动滑移: <div id="cc" style="height:200px; width:500px; border:1px solid #000000; position:relative;overflow:hidden;"> <div id="idSlippage3" style="width:10px; height:10px; background:#000000; position:absolute; z-index:99; top:50px; left:50px;"> </div></div> 定点滑移:（鼠标点击） <div id="aa" style="height:200px; width:500px; border:1px solid #000000; overflow:hidden;"> <div id="idSlippage" style="width:10px; height:10px; background:#000000; position:absolute; z-index:99; top:-50px; left:50px;"> </div></div> 定线滑移:（鼠标拖动轨迹） <div id="bb" style="height:200px; width:500px; border:1px solid #000000; overflow:hidden;"> <div id="idSlippage2" style="width:10px; height:10px; background:#000000; position:absolute; z-index:99; top:-50px; left:50px;"> </div></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是JavaScript滑移效果代码的详细内容，更多请关注0133技术站其它相关文章！