公告栏的滚动效果？
想让网页的公告栏有滚动效果 ，请问应该怎么做？公告栏内的内容我用的datalist。
[解决办法]
JavaScript 脚本 把你内容从数据库中查 可实现动态的
[解决办法]
参考
[解决办法]
- HTML code
<marquee> </marquee>
[解决办法]
首先：将下面这段javascrupt代码插入前面。
<script>
function movstar(a,time){
movx=setInterval("mov("+a+")",time)
}
function movover(){
clearInterval(movx)
}
function mov(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrolly=scrolly+a
new_date.window.scroll(scrollx,scrolly)
}
function o_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10}
}
function o_up(theobject){
object=theobject
while(object.filters.alpha.opacity<100){
object.filters.alpha.opacity+=10}
}
function wback(){
if(new_date.history.length==0){window.history.back()}
else{new_date.history.back()}
}
</script>
然后，根据你的需要制作表格，表格的基本格式可参考下面：
此处导入游动文字所属文件
此处导入游动文字所属文件 img
img 在上面的表格中，左侧的大表框内要导入一个外部文件，该文件内是你所需要显示的文字或其它内容。因此，在这个表框内输入下列代码：
<iframe
border=0 frameborder=0 framespacing=0 height=205 marginheight=0
marginwidth=0 name=new_date noResize scrolling=no
src="news1.htm" width=380 vspale="0"></iframe>
该段代码中：
news1.htm为那一个外部文件。
height为该文件在本页中显示出来的高度；
width为该文件在本页中显示的宽度。
接下来，在右侧的适当位置插入向上滚动和向下滚动的图片，在图片上做如下定义：
向上图片代码如下：
<img src="image/3up.gif" class="opacity" onMouseDown=movover();movstar(-3,2)
onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this)
onMouseUp=movover();movstar(-1,20) alt="点住不放可以快速向上滚动">
向下图片代码如下：
<img src="image/3down.gif" class="opacity" onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this)
onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20) alt="点住不放可以快速向下滚动">
最后，不要忘记的是：
在<head>与</head>之间，插入：
<style type="text/css">
<!--
.opacity { filter: alpha(opacity=100)}
-->
</style>
预览一下，看一下效果吧
[解决办法]
<MARQUEE onmouseover=this.stop() style=""
onmouseout=this.start() scrollAmount=1 direction=up width=200
height=120 border="0"
align="center">
填入要滚动的文字，也可以动态返回数据库的数据！
</MARQUEE>
你试一下！注：width=200 height=120是控制滚动区域的宽度与高度！
[解决办法]
[解决办法]
[解决办法]
[解决办法]
---------------------------------js
var list=document.getElementById("marqueelist").getElementsByTagName("li");
var marqueeContent=new Array();
for(i=0;i<list.length;i++)
{
marqueeContent[i]=list[i].innerHTML;
}
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=27;
function initMarquee() {
var str=marqueeContent[0];
document.write('<div id="marqueeBox" style="overflow:hidden;width:350px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(document.getElementById("marqueeBox").childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
document.getElementById("marqueeBox").appendChild(nextLine);
}
else {
document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
document.getElementById("marqueeBox").scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",40);
}
function scrollMarquee() {
document.getElementById("marqueeBox").scrollTop++;
if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
--------------------------------------------------页面
<ul id="marqueelist" style="display:none;">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script src="/Js/index_marquee.js" type="text/javascript"></script>
可以实现滑动效果
[解决办法]
JS 可以实现~~
[解决办法]
JavaScript
[解决办法]
marquee 里嵌套datalist 即可