公告栏的滚动效果？该如何处理
日期：2014-05-17 浏览次数：20566 次
公告栏的滚动效果？
想让网页的公告栏有滚动效果 ，请问应该怎么做？公告栏内的内容我用的datalist。
------解决方案--------------------
JavaScript 脚本 把你内容从数据库中查 可实现动态的
------解决方案--------------------
参考
------解决方案--------------------
想让网页的公告栏有滚动效果 ，请问应该怎么做？公告栏内的内容我用的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是控制滚动区域的宽度与高度！
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
