<p>jQuery.pan是一个jQuery插件，封装了常用的基于鼠标的平移行为。虽然是相当配置的，它的目标是在合理的默认选项得到的东西快速启动和运行。一个最小的例子如下所示。容器中装有被平移的内容。至通话（'＃集装箱'）。锅（）告诉jQuery.pan把容器的第一个子元素下平移控制。目前，绝对或相对的位置上，必须在容器和内容上的设置，得到预期的行为。当然，容器必须至少有一个尺寸比，以便看到平移行为的含量小。</p><p><html></p><p><head></p><p><scripttype="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script></p><p><scripttype="text/javascript"src="https://raw.github.com/mjfisheruk/jquery.pan/master/js/jquery.pan.js"></script></p><p><styletype="text/css"></p><p>#container{</p><p>position:relative;</p><p>width:250px;</p><p>height:250px;</p><p>overflow:hidden;</p><p>}</p><p>#content{</p><p>position:absolute;</p><p>width:500px;</p><p>height:500px;</p><p>background-image:url('https://raw.github.com/mjfisheruk/jquery.pan/master/img/tshirt.jpg');</p><p>}</p><p></style></p><p></head></p><p><body></p><p><divid="container"></p><p><divid="content"></div></p><p></div></p><p><scripttype="text/javascript"></p><p>$('#container').pan();</p><p></script></p><p></body></p><p></html>请点击这里看demo$('#container').pan({</p><p>'mouseControl':'kinetic',//默认可以平行移动'kineticDamping':0.8//较低的数字会导致内容出现停顿更快。</p><p>//在零，内容会停下来后，立即在鼠标释放。</p><p>//有一次，直到它到达一个边缘，内容也不会慢。</p><p>//低于零或多个产生未定义（但有趣）的行为更高的数字。</p><p>});</p><p>$('#container').pan({</p><p>'mouseControl':'edge',//使能边沿平移'mouseEdgeSpeed':5,//速度的内容时，移动用户</p><p>//将鼠标移动到所述容器的边缘'mouseEdgeWidth':100//在容器内的鼠标敏感边框的像素宽度。默认为一季度的最小容器尺寸。</p><p>});</p><p>本文转载www.起航劳务派遣系统.com转载请著名出处</p>
