这个效果是通过JS来实现的,把JS代码帖出来,楼主回去研究一下, function hscr(e){if (!e) {e = window.event;}elemento=document.getElementById("cont"); if (e.wheelDelta <= 0 || e.detail>=0){ window.scrollBy(120,0)}else window.scrollBy(-120,0)} if (window.addEventListener ) {window.addEventListener("DOMMouseScroll", hscr, false);} else { document.onmousewheel = hscr; } 使用步骤:(1)先将这段代码保存为一个JS文件scroll.js(2)在你的页面里将<SCRIPT src="js/scroll.js" type=text/javascript></SCRIPT>放到head标记中间,(3)在页面的body里加入若干个div, 注意样式表里要加入一个float:left 我照着这个做了,还是无法用鼠标滚轮控制横向滚动条啊,能再帮帮我吗
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>御桐网页特效观止|JsCode.CN|---用鼠标和按钮控尘拆手制网页内容的上下滚动</title></head><body><div align="center"> <table border="0"派嫌 width="565" cellpadding="0" style="border-collapse: collapse" id="table1"> <tr> <script language="JavaScript">function scroll(n){temp=n;News.scrollTop=News.scrollTop+temp;if (temp==0) return;setTimeout("scroll(temp)",20);}
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>网页特效观止|JsCode.CN|---用鼠标和按钮册丛控制网页内容的上下滚动</title></head><body><divalign="center"余握><tableborder="0"width="565"cellpadding="0"style="州毁樱border-collapse:collapse"id="table1"><tr><scriptlanguage="JavaScript">functionscroll(n){temp=n;News.scrollTop=News.scrollTop+temp;if(temp==0)return;setTimeout("scroll(temp)",20);}