请问如何通过JS或者jQuery实现鼠标滑到某个div上 页面向左滑动 滑出则停止 向右同理

如题。
我在页面上弄了两个div，一个是向左按钮一个是向右按钮。
页面属于左右滑动型。
如何实现鼠标滑到向左的那个div上 页面向左滑动 滑出则停止 向右同理？
谢谢各位大神！拜谢！！

拜托各位看清我的问题好吗，头两个答案根本牛头不对马嘴>.<
我说的是让页面滑动。另外，如果有代码最好……谢谢

http://zhidao.baidu.com/link?url=O_j3nVeELoQlpHvDqeuTzQuUUXBoBy4Uw8rx04gkgVa_aFj-s5eQ1ajVKXi6oDcZEyRJLU0GhqzzNNRahvrpdAA9mBvbI2L6H_q6MkVXcDO

.on{height:50px;background:#eee}.dd{background:#ccc;display:none}.on:hover .dd{display:inline-block}

箭头

页面滑动？整个还是只是部分。你说的应该是焦点图之类的吧？

jquery水平方向平铺焦点图

可以设置div的onmouseover事件，使用jquery动态改变中间的div的边距，简单的实例代码如下：

 <html>

<head>
<title>我的第一个 HTML 页面</title>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script type="text/javascript">
function splidLeft()
{
   $("#main").css("margin-right","150px");
   alert("left");
}

function splidRight()
{
$("#main").css("margin-left","150px");
}
</script>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p> 
<div onmouseover="splidLeft()" style="">向左</div>
<div id="main" style="border-style: solid dotted dashed double;width:200px;">hello</div>
<div onmouseover="splidRight()" style="">向右</div>
</body>

</html>

这是w3school上的测试代码，你可以看看。鼠标滑动事件参考:http://www.w3school.com.cn/js/js_htmldom_events.asp