function onMouseScroll(e){
e.preventDefault()
var wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail
var delta = Math.max(-1, Math.min(1, wheel) )
var h=$(window).scrollTop()//获取当前滚动条距离顶部的位置
if(delta<0){//向下滚动
$("html,body").animate({ scrollTop: h+850 }, 500)//点击按钮向下移动800px，时间为800毫秒
}else{//向上滚动
$("html,body").animate({ scrollTop: h-850 }, 500)//点击按钮向下移动800px，时间为800毫秒
}
}
需要引入jquery
你可以选择用js控制，在li上加上一个click事件，如：<li onclick="li_click(this)">测试</li>
js中写上事件：
function li_click(obj) {
obj.style.background = "#C0F"
}
<script type="text/javascript">arr = new Array()
function selTD(obj)
{
for(var i in arr)
{
if(obj.innerHTML==arr[i])
{
alert("已经被选过了！")
return
}
}
alert("选中一个")
arr.push(obj.innerHTML)
}
function showSel(){
for(var i in arr)
{
alert("arr["+i+"]="+arr[i])
}
}
</script>
<table id=t1 border="1" width="90%">
<tr>
<td id=td11 colspan="3" align="center">8ʱ</td>
<td id=td11 colspan="3" align="center">9ʱ</td>
</tr>
<tr>
<td id=td81 onclick="selTD(this)" height="50">时间1</td>
<td id=td82 onclick="selTD(this)">时间2</td>
<td id=td83 onclick="selTD(this)">时间3</td>
<td id=td91 onclick="selTD(this)" height="50">时间4</td>
<td id=td92 onclick="selTD(this)">时间5</td>
<td id=td93 onclick="selTD(this)">时间6</td>
</tr>
</table>
<button onclick="showSel()">查看已选中的</button>
