如何制作滚动新闻
我们在浏览网页时，有的网页的新闻是滚动的，而这些动态的带滚动的新闻又是怎么制作的呢？
下面讲解下动态的滚动新闻是怎么制作的，并把制作好的代码附下，供大家参考。
- 首先在要制作滚动新闻的页面合适的位置插入一个表格，宽度、高度各为170px，把鼠标定位在插入的表格中，在“绑定”面板插入一个记录集。
- 找一段合适的向上滚动代码，这段代码可以到网上下载，也可以自己在Dreamweaver软件中制作可循环滚动的代码，在代码视图中把代码粘贴到表格内。
- 返回到设计视图中，在“绑定”面板中把新闻标题如“bt”拖曳到表格中的滚动字幕的前面，然后把滚动字幕删除，如下图：
 再设置重复区域及转到详细页面的制作。保存预览即可以看到滚动的效果了，在登录网站的后台，在相应的后台页面中添加新闻，就可以在浏览到刚才添加的新闻内容了。
为了方便一些不太熟练的朋友，现在把该段代码发布如下，以供朋友们使用，只要把这段代码复制到表格内，如果数据库及记录集与之相对应，就可以浏览。代码如下：
<div id=demo style="overflow:hidden; width:163px; height:160px; padding-top:5px; color:#000000;">
<div id=demo1>
<%
While ((Repeat6__numRows <> 0) AND (NOT Recordset6.EOF))
%>
<p><a href="news_xx.asp?<%= Server.HTMLEncode(MM_keepNone) & MM_joinChar(MM_keepNone) & "nid=" & Recordset6.Fields.Item("nid").Value %>"><%=(Recordset6.Fields.Item("bt").Value)%></a></p>
<%
Repeat6__index=Repeat6__index+1
Repeat6__numRows=Repeat6__numRows-1
Recordset6.MoveNext()
Wend
%>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
如果你有比这个更好的滚动代码，请在网上发布交流，供大家共享。
|
