在dreamweaver中 鼠标上下滚动控制页面左右滚动的代码
就是我的页面时横向的不是竖向的,怎样才能让鼠标滚动控制页面的横向滚空,就像这个网站一样http://www.avilasoto.com/...
就是我的页面时横向的不是竖向的,怎样才能让鼠标滚动控制页面的横向滚空,就像这个网站一样 http://www.avilasoto.com/
展开
展开全部
这个效果是通过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
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
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询