`

垂直滚动的公告板

阅读更多
转载:http://hi.baidu.com/javajavajava/blog
垂直滚动公告板[修改显示的文字][共2步]

====1、将下列代码加入HEML的<head></head>之间:

<script>
<!--
lstart=200
loop=true
speed=350 
pr_step=5 
function makeObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(document.layers) ? eval(nest+'document.'+obj):eval(obj+'.style')
this.scrollHeight=document.layers?this.css.document.height:eval(obj+'.offsetHeight')
this.up=goUp
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function goUp(speed){
if(parseInt(this.css.top)>-this.scrollHeight){
this.css.top=parseInt(this.css.top)-pr_step
setTimeout(this.obj+".up("+speed+")",speed)

}else if(loop) {
this.css.top=lstart
eval(this.obj+".up("+speed+")")
}
}
function slideInit(){
oSlide=makeObj('divNews','divCont')
oSlide.css.top=lstart
oSlide.up(speed)
}
onload=slideInit
//-->
</script>

====2、将下列代码加入HEML的<body></body>之间:

<div id="divCont"
style="position:absolute; width:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"><div
id="divNews" style="position:absolute; top:0; left:0">
<p>这是一个滚动看板<br>
但并不是大家经常看到的<br>
用<font face="Arial">java</font>实现的那种<br>
它采用<font face="Arial">javacript</font>语言和<font face="Arial">DHTML</font>的层<br>
所以你看到的原代码<br>
不需要固定在form框里或者表格里<br>
它是用的<font face="Arial">&lt;div&gt;&lt;/div&gt;</font><br>
你可以把这段代码放在<font face="Arial">HTML<br>
</font>代码里的任何地方<br>
都不会影响它出现的位置</p>
<p>这是一个用处很大的程序<br>
可以用在网页里作广告或则告示板<br>
赶快<font face="Arial">Copy</font>到你的主页里试试吧!</p>
</div></div> 

分享到:
评论

相关推荐

    《JavaScript实例精通》[源代码]

    19_4.htm 垂直滚动公告板。 19_5.htm 关闭窗体。 19_6.htm 分时问候。 19_7.htm 密码保护页面。 19_8.htm 当前的时间。 第20章(\20) 示例描述:正则表达式。 20_1.htm 校验是否全由数字组成。 20_2....

    JavaScript实例精通

    19_4.htm 垂直滚动公告板。 19_5.htm 关闭窗体。 19_6.htm 分时问候。 19_7.htm 密码保护页面。 19_8.htm 当前的时间。 第20章(\20) 示例描述:正则表达式。 20_1.htm 校验是否全由数字组成。 20_2....

    vue实现公告栏文字上下滚动效果的示例代码

    本文详细的介绍了vue实现公告栏文字上下滚动效果的示例代码,分享给大家,具体入如下: 代码实现: 在项目结构的components中新建text-scroll.vue文件 &lt;p class=text key=text.id&gt;{{text.val}} [removed...

    精通JavaScript

    1.本书附源代码共计381个,其运行环境如下: IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: ...

    精通javascript

    第1章(\第1章) 查看1.2.htm中noscript显示效果的方法如下:...1.将该实例复制到C:\Inetpub\wwwroot下; 2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 ... ...

    小程序两种滚动公告栏的实现方法

    纵向滚动公告栏的实现可以通过设置一个垂直方向的`scroll-view`,然后通过动态调整其子元素的位置来实现滚动效果。此外,也可以通过定时器周期性地更新目标元素的`top`属性或使用小程序的`setInterval`函数来周期性...

    电子板滚动控件,强烈推荐

    此外,它们还支持多种布局模式,如水平滚动、垂直滚动,甚至多行滚动。 在功能特性方面,电子板滚动控件往往包括以下几点: 1. **内容管理**:提供便捷的内容添加、编辑和删除功能,支持导入外部数据源(如CSV、...

    滚动字幕控制.rar

    - **滚动机制**:字幕的滚动可以是水平滚动、垂直滚动,也可以有多种速度选择。 - **样式设置**:字体、颜色、背景、边框等样式应可配置,以适应不同的应用场景。 - **动画效果**:为了增加视觉吸引力,可以添加...

    .NET实现滚动字幕完整源码

    首先,将`TextBlock`放置在水平或垂直滚动条上,然后创建一个动画,改变`TextBlock`的`TranslateTransform`属性,使得文本在视觉上移动。 3. **自定义控件**:无论是Windows Forms还是WPF,为了实现更复杂的滚动...

    通用不间断滚动JS封装类

    在Web开发中,这种滚动效果常用于新闻标题、公告或者广告展示,以吸引用户的注意力。`MSClass.js`是实现这个功能的JavaScript源代码文件。 `MSClass`的核心功能是创建一个可自定义的滚动类,可以应用于不同的HTML...

    javascript实现文字无缝滚动

    这种效果通常用在新闻滚动条、公告板或者时间轴展示等场景中。 要实现这种效果,我们主要依赖于HTML、CSS和JavaScript三个技术。下面详细讲解这三个技术点的知识点: 1. HTML结构设计 在HTML中,需要准备一个用于...

    横向滚动FLASH五屏焦点图代码

    在“横向滚动”这一特性中,图片或内容是沿着水平方向进行切换,而不是垂直方向。这样的布局方式可以充分利用网页的宽度,尤其在宽屏显示器上能创造出流畅的视觉效果。横向滚动通常伴随着平滑过渡动画,使得用户体验...

    jquery滚动特效集锦

    这些特效在网页设计中十分常见,能够提供无间断滚动的用户体验,适用于公告板、滚动新闻、广告展示等多种场景。通过本文提供的代码示例,读者能够更好地理解和应用jQuery,创建出富有吸引力的动态网页元素。 1. ...

    SuperSlide.zip

    在IT行业中,文本和消息的上下滚动是一种常见的动态效果,常用于新闻滚动、公告显示或者网站通知等场景。本项目"SuperSlide.zip"显然是一个专门用于实现这种效果的代码资源,它结合了HTML和JavaScript技术,以创建一...

    简易答题app

    ScrollView通常用于创建可以垂直滚动的布局,当内容超过屏幕时,用户可以通过滚动查看隐藏的部分。在简易答题app中,ScrollView可能用于包含多个组件或视图,如长篇的题目描述或用户协议。 至于“跑马灯”应用,这...

    Axure夜话之程序员眼中的原型设计视频教程之竖向文字跑马灯.zip

    竖向文字跑马灯是一种常见的网页元素,常见于新闻网站或滚动公告栏,它可以持续滚动显示长文本,节省页面空间。在Axure中实现这个效果,首先需要了解如何使用文本框组件,以及如何设置动态面板。文本跑马灯的实现...

    做网页必不可少的特效

    4. **文字滚动**:文字滚动特效可以用于新闻更新、滚动公告或者动态标语等,使有限的空间能展示更多的信息。滚动方向可以是水平或垂直,速度也可以自定义,增加信息的可读性和趣味性。 5. **选项卡**:选项卡是组织...

    梦想互动社区 Ver4.0 For Dvbbs7.1 美化修改版

    增加个人文集,个人精华 验证码自动填写 增加了新概念跳楼、版面跳页 增加美化提示框 垂直滚动公告 论坛右下角短信无刷新弹出 帖子中滚动条改变字体大小 不填签名时让默认写上论坛信息...

    EcShop开发案例整理

    51.模板制作让“站内快讯”垂直滚动:通过编写CSS样式,实现滚动效果,增加首页动态内容的展示。 52.去除底部版权(Powered by ECShop):通过修改网站模板中的版权部分代码,去除底部的ECShop版权信息。 53.模板&...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最顶端的文本 3.43 JavaScript过滤...

Global site tag (gtag.js) - Google Analytics