这是自己封装的原生js方法，为了偷懒，用了电jqurey。调用方法如下：
touchs._left(object)//往左滑动，
touchs._right(object)//往右滑动
touchs._top(object)//往上滑动
touchs._bottom(object)//往下滑动
说明：object的取值可以是一个id("#id")表达式，或者是一个样式表达式(".class"),或者标签的属性表达式("div[id=id]")等，只要可以用jqurey通过这个表达式获取到dom对象，这个表达式怎么写都可以。
<style>ul{
margin:0px
padding:0px
}
li{
float:left
cursor:pointer
}
.map_div{
width:900px
height:40px
background-color:#000000
overflow:hidden
}
#dh_li{
width:800px
height:40px
background-color:#000000
white-space:nowrap
text-overflow:ellipsis
overflow:hidden
text-overflow:ellipsis
display:block
after:content:"..."
}
#dh_li li{
width:150px
height:40px
background-color:#000000
color:#FF0000
border-right:1px solid #FF0000
text-align:center
padding-top:10px
overflow:hidden
}
#dh_li li a:link{
color:#FF0000
}
#dh_li li a:visited{
color:#FF0000
}
#dh_li li a:hover{
color:#FF0000
}
.dh_li{
width:50px
height:40px
font-size:20px
font-weight:bold
color:#FF0000
text-align:center
padding-top:10px
background-color:#CCCCCC
}
</style>
<body>
<div class="map_div">
<ul>
<li id="dh_li">
<div style="width:1500px">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">公司简介</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">新闻咨询</a></li>
<li><a href="#">热点咨询</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">网站论坛</a></li>
<li><a href="#">在线咨询</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</li>
<li id="left_" class="dh_li" onclick="move_left()">←</li>
<li id="right_" class="dh_li" onclick="move_right()">→</li>
</ul>
</div>
</body>
<script>
var demo=document.getElementById("dh_li")
function move_right()
{
if(dh_li.scrollLeft<=(1500-800))
dh_li.scrollLeft+=150
}
function move_left()
{
if(dh_li.scrollLeft>=0)
dh_li.scrollLeft-=150
}
</script>
设置一个定时器，setInterval(fnSlide,'50'),后面一个参数是控制定时器执行间隔的。你可以定义一个函数 function fnSlide(){},在这个函数里面去去需要滑动的dom元素，每次把它的left 加或着减一个值，用if控制下终点。就可以了。比如是一个id为div1的div元素var timer=setInterval(fnSlide,'50')//这里对定时器做一个标记
function fnSlide(){
var target=500//这里是定义的滑动终点的left值，假定是500
var oDiv=document.getElementById("div1")
var left=oDiv.offsetLeft
if(left<=target){
left+=5
}
else{
clearinterval(timer)//如果到终点就把定时器关掉
}
oDiv.style.left=left+'px'
}
