如何用图片或按钮控制IE上下滚动条的移动？？？

最新推荐文章于 2024-04-20 13:50:15 发布

slove_cao

最新推荐文章于 2024-04-20 13:50:15 发布

阅读量1.9k

点赞数

分类专栏：程序应用类文章标签： ie scroll function javascript layer div

程序应用类专栏收录该内容

69 篇文章 0 订阅

订阅专栏

问：
我现在在做一个电子杂志的浏览页面，但图片很大，高度超过一屏，所以为了方便浏览，需要加两个按钮或图片（即类似上下箭头的那种的图片），当鼠标移动到向下的箭头图片上时，滚动条向下移动；而当鼠标移动到向上的箭头图片上时，滚动条向上移动！！

请问这个效果如何实现，给出代码！！谢谢

有分必定后补！！（到时我有分时，你可以短信通知我！我另开帖给分）

大家都来看看！！！焦急等待中。。。。
______________________________________________________________________________________________
答1：
<img src="" οnmοuseοver="window.scroll(iPosX,iPosY);">
______________________________________________________________________________________________
答2：
但是怎样让它变的平滑移动呢？？谢谢
______________________________________________________________________________________________
答3：
onmouseover事件中用setInterval调用函数
在onmouseout事件中销毁clearInterval
function StepScroll()
{
    window.scroll(iPosX,原始高度+Step步长);
}
______________________________________________________________________________________________
答4：
谢谢楼上的，我的代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language=javascript>
function StepScroll()
{
    window.scroll(0,12);
}
</script>
</head>

<body>
<img src="angel.jpg" width="384" height="288">
<table height=80><tr><td></td></tr></table>
<img src="" οnmοuseοver="setInterval("StepScroll()",50)" οnmοuseοut="clearInterval("StepScroll()",50)">
<table height=800><tr><td></td></tr></table>
</body>
</html>

我知道有错误！！请兄弟指出！！谢谢
______________________________________________________________________________________________
答5：
<HTML><HEAD><TITLE>局部滚动</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>.30pt1 {
    COLOR: #ff66cc; FONT-FAMILY: 方正魏碑繁体; FONT-SIZE: 20pt
}
.30pt2 {
    COLOR: #de3076; FONT-FAMILY: 创艺繁琥珀; FONT-SIZE: 30pt
}
</STYLE>

<SCRIPT language=JavaScript>

</SCRIPT>

<META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
<BODY>
<DIV style="LEFT: 320px; POSITION: absolute; TOP: 0px">
<P><FONT class=30pt2><BR><BR><BR><BR>这是页面局部的上下滚动</FONT> </P></DIV></BODY></HTML>

slove_cao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何用图片或按钮控制IE上下滚动条的移动？？？

问：我现在在做一个电子杂志的浏览页面，但图片很大，高度超过一屏，所以为了方便浏览，需要加两个按钮或图片（即类似上下箭头的那种的图片），当鼠标移动到向下的箭头图片上时，滚动条向下移动；而当鼠标移动到向上的箭头图片上时，滚动条向上移动！！请问这个效果如何实现，给出代码！！谢谢有分必定后补！！（到时我有分时，你可以短信通知我！我另开帖给分）大家都来看看！！！焦急等待中。。。。______________
复制链接

扫一扫