这里说的滑移其实就是减速效果，能根据设定的坐标平面移动。
效果
自动滑移:
定点滑移:（鼠标点击）
定线滑移:（鼠标拖动轨迹）
代码：
DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
滑移效果title ><script type="text/javascript">var $=function (id){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />return "string "==typeof id ?document.getElementById(id) : id;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" />};<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />function Event(e){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />var oEvent =document.all ?window.event : e;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />if (document.all){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oEvent.pageX =oEvent.clientX +document.documentElement.scrollLeft;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oEvent.pageY =oEvent.clientY +document.documentElement.scrollTop;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> }return oEvent;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" />}function addEventHandler(oTarget, sEventType, fnHandler){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />if (oTarget.addEventListener){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oTarget.addEventListener(sEventType, fnHandler,false );<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> }else if (oTarget.attachEvent){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oTarget.attachEvent("on "+sEventType, fnHandler);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> }else {<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oTarget["on "+sEventType]=fnHandler;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> }<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" />};<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />function removeEventHandler(oTarget, sEventType, fnHandler){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />if (oTarget.removeEventListener){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oTarget.removeEventListener(sEventType, fnHandler,false );<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> }else if (oTarget.detachEvent){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oTarget.detachEvent("on "+sEventType, fnHandler);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> }else {<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> oTarget["on "+sEventType]=null ;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> }<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" />};<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />var Class ={<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> create:function (){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />return function (){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .initialize.apply(this , arguments);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> }<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> }<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" />}<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />Object.extend =function (destination, source){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />for (var property in source){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /> destination[property]=source[property];<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> }return destination;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" />}var Slippage =Class.create();<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />Slippage.prototype ={<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> initialize:function (obj, options){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .obj =$(obj);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this ._timer =null ;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this ._xs =this ._ys =[];<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .X =parseInt(this .obj.style.left)||0 ;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .Y =parseInt(this .obj.style.top)||0 ;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .SetOptions(options);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .Step =Math.abs(this .options.Step);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .Time =Math.abs(this .options.Time);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .Loop =this .options.Loop;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .Relative =this .options.Relative;<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" /><br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />this .SetPosition(this .options.X ||[],this .options.Y ||[]);<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> },<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />//设置默认属性SetOptions:function (options){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />this .options ={//默认值Step:10 ,//滑动变化率Time:10 ,//滑动延时X: [],//x坐标变化Y: [],//y坐标变化Loop:false ,//是否循环Relative:true //是否相对位置};<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" /> Object.extend(this .options, options ||{});<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" /> },<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />//<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ExpandedSubBlockStart.gif" /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/ContractedSubBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/ContractedSubBlock.gif" />SetPosition:function (arrX, arrY){<br /><noscript><img decoding="async" alt="JavaScript 滑移效果" src="/Images/OutliningIndicators/InBlock.gif" /><img decoding="async" alt="JavaScript 滑移效果" class="j-lazy" src="https://www.johngo689.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/Images/OutliningIndicators/InBlock.gif" />if (arrX.length
<blockquote>
<p>Original: https://www.cnblogs.com/cloudgamer/archive/2008/05/16/1200705.html<br />Author: cloudgamer<br />Title: <span class="wpcom_tag_link"><a href="https://www.johngo689.com/tag/javascript/" title="JavaScript" target="_blank">JavaScript 滑移效果
</script> 原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/535900/
转载文章受原作者版权保护。转载请注明原作者出处！
