<head>
<style type="text/css">
<!--
a{
color: #666666;
text-decoration: none;
display:block;
line-height:1.5em;
}
a:hover{
color: #CC0000;
text-decoration: none;
}
body {
font: 12px 宋体, Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
div.div_header{
width: 243px;
height: 16px;
vertical-align: top;
text-align: left;
font-size: 14px;
padding: 6px;
}
div.div_top_root{
width: 255px;
height:134px;
background:url(pic/bg_news.gif);
background-repeat: no-repeat;
}
#scrollContainer{
margin-left:10pt;
margin-top:2pt;
overflow:hidden;
text-align: left;
}
-->
</style>
</head>
<body>
<div class="div_top_root">
<div class="div_header">今日新闻</div>
<div id="scrollContainer">
<div id="scrollContent">
<!-- 字幕的内容 -->
<a href="连接地址">HTML网页语言和网站开发王</a>
<a href="连接地址">CSS网页布局和呈现开发王</a>
<a href="连接地址">JavaScript动态网页开发王</a>
<a href="连接地址">ASP动态网站开发王</a>
<a href="连接地址">ASP.NET(VB)动态网站开发王</a>
<a href="连接地址">ASP.NET(C#)动态网站开发王</a>
<a href="连接地址">JSP动态网站开发王</a>
<a href="连接地址">PHP动态网站开发王</a>
</div>
</div>
</div>
</body>
为什么这个代码和
<script type="text/javascript" language="javascript">
<!--
var stopscroll = false;
var scrollContHeight = 95; //滚动区域的高度
var scrollContWidth = 230; //滚动区域的宽度
var scrollSpeed = 25; //这个参数用来确定滚动速度的,数值越小滚动速度越快
//获取scrollContainer
var scrollContainer = document.getElementById("scrollContainer");
//获取scrollContent
var scrollContent = document.getElementById("scrollContent");
//多次复制原内容到scrollContainer,直到scrollContainer的高度大于内容区高度
//这样做是为了避免内容的高度较小
//使用do while可以强制复制一次,这样可以保证滚动看起来更连续
do{
scrollContainer.appendChild(scrollContent.cloneNode(true));
}while(scrollContainer.offsetHeight < scrollContHeight);
//下面对scrollContainer进行设置,主要就是宽度和高度,以及换行
scrollContainer.style.width = scrollContWidth + "px";
scrollContainer.style.height = scrollContHeight + "px";
scrollContainer.noWrap = true;
//下面是两个事件:[01]鼠标经过,停止滚动[02]鼠标离开,开始滚动
scrollContainer.onmouseover = new Function("stopscroll=true;");
scrollContainer.onmouseout = new Function("stopscroll=false;");
//进行初始化
function init(){
scrollContainer.scrollTop = 0;
//按时间间隔不断执行函数scrollUp()
setInterval("scrollUp()", scrollSpeed);
}
init();
//下面就是改变滚动位置,如果滚出区域,则判断当前位置进行初始化调整
var currTop = 0;
function scrollUp(){
if(stopscroll == true) return; //如果变量"stopscroll"为真,则停止滚动
currTop = scrollContainer.scrollTop;
scrollContainer.scrollTop += 1;//每次上移一个像素
if(currTop == scrollContainer.scrollTop){
//如果滚动到顶了就初始化
scrollContainer.scrollTop = 0;
scrollContainer.scrollTop += 1;
}
}
//-->
</script>
这个代码我在DW8中弄不出滚动的效果啊。有没有人可以给我个完整的代码啊。