鼠标上下滚动控制页面左右滚动的代码
这个效果是通过JS来实现的，把JS代码帖出来，楼主回去研究一下，functionhscr(e){if(!e){e=window.event;}elemento=docum...
这个效果是通过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
我照着这个做了，还是无法用鼠标滚轮控制横向滚动条啊，能再帮帮我吗 展开
展开全部
<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);
}
<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>
<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);}
<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);}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
