Question

在ASP编辑网页时 我想将三个DIV在页面低端显示 并且DIV内的内容向上滚动显示，鼠标移动到停止，怎么实现

3个DIV内分别显示图片和文字，最好可以提供代码和//…… 注释 谢谢！

Answer 1

<div id="Veido_content" style="width: 270px; height: 490px; overflow: hidden;">
<div id="Veido_top" style="width: 270px; height: 620px;">
<ul>
<li>
<div class="Veido_Title_style" style="width:270px;height:79px; font-size:14px; font-weight:bold; ">
需要滚动的内容，
</div>
</li>
</ul>
</div>
<div id="Veido_bottom" style="width:1654px; height: 480px;">
</div>
</div>
<div id="Veido_foot">
</div>
<script type="text/javascript">
//定时器间隔
var interval = 30;
var objInterval = null;
$(document).ready(
function() {
//用上部的内容填充下部
$("#Veido_bottom").html($("#Veido_top").html());

//给显示的区域绑定鼠标事件
$("#Veido_content").bind("mouseover", function() { StopScroll(); });
$("#Veido_content").bind("mouseout", function() { StartScroll(); });

//启动定时器
StartScroll();
}
);
//启动定时器，开始滚动
function StartScroll() {
objInterval = setInterval("verticalloop()", interval);
}
//清除定时器，停止滚动
function StopScroll() {
window.clearInterval(objInterval);
}
//控制滚动
function verticalloop() {
//判断是否上部内容全部移出显示区域
//如果是，从新开始;否则，继续向上移动
if ($("#Veido_top").outerHeight() - $("#Veido_content").scrollTop() <= 0) {
var top = $("#Veido_content").scrollTop() - $("#Veido_top").outerHeight();
$("#Veido_content").scrollTop(top);
} else {
var top = $("#Veido_content").scrollTop() + 1;
$("#Veido_content").scrollTop(top);
}
}
</script>

博偲达SEO优化推广团队、就买我商城技术员小李，为您解答