0

0

可以文本显示的公告栏的js代码_典型特效

php中文网

php中文网

发布时间:2016-05-16 19:17:01

|

2298人浏览过

|

来源于php中文网

原创

一个可以文本显示的公告栏,可以在多处使用,绝对不可错过! 
脚本说明: 
第一步:把如下代码加入

区域中 
<script>  <br><!-- Activate Cloaking Device  <br>var i = 0;  <br>// used to cycle thru messages  <br>var TextNumber = -1;  <br>// array of messages  <br>var TextInput = new Object();  <br>// used to load manipulate message  <br>var HelpText="";  <br>// used to load message  <br>var Text = "";  <br>// length of timeout (smaller is faster)  <br>var Speed=50;  <br>// used to display message number  <br>var message=0;  <br>// used to position text in ver 2.0  <br>var addPadding="rn";  <br>// Each element of TextInput represents a single message.  <br>TextInput[0] = "今天注意了有新的任务布置";  <br>TextInput[1] = "欢迎你的光临!本站为你提供大量javascript下载";  <br>TextInput[2] = "重点介绍Javascript";  <br>TextInput[3] = "与制作网页特效密切相关的技术";  <br>TextInput[4] = "本站同时有影音空间等栏目";  <br>TextInput[5] = "还有新闻及健康方面的资料";  <br>TextInput[6] = "还有宽带网方面的大量技术文章";  <br>TextInput[7] = "本站网址:http://www.njcatv.net";  <br>TotalTextInput = 7; // (0, 1, 2, 3, 4, 5, 6, 7)  <br>// Positioning and speed vary between versions.  <br>var Version = navigator.appVersion;  <br>if (Version.substring(0, 1)==3)  <br>{  <br>Speed=200;  <br>addPadding="";  <br>}  <br>for (var addPause = 0; addPause <= TotalTextInput; addPause++)  <br>{TextInput[addPause]=addPadding+TextInput[addPause];}  <br>var TimerId  <br>var TimerSet=false;  <br>// Called by >>> button (display next message) .  <br>function nextMessage()  <br>{  <br>if (!TimerSet)  <br>{  <br>TimerSet=true;  <br>clearTimeout (TimerId);  <br>if (TextNumber>=TotalTextInput)  <br>{  <br>alert("This is the end of the list!");  <br>TimerSet=false;  <br>}  <br>else  <br>{  <br>TextNumber+=1;  <br>message=TextNumber+1;  <br>document.forms[0].elements[2].value= message;  <br>Text = TextInput[TextNumber];  <br>HelpText = Text;  <br>}  <br>teletype();  <br>}  <br>}  <br>// Gets and displays character from rollMessage() .  <br>// Variable Speed controls length of timeout and thus the speed of typing.  <br>function teletype()  <br>{  <br>if (TimerSet)  <br>{  <br>Text=rollMessage();  <br>TimerId = setTimeout("teletype()", Speed);  <br>document.forms[0].elements[0].value=Text;  <br>}  <br>}  <br>// Pulls one character at a time from string and returns (as Text) to function teletype() for displaying.  <br>function rollMessage ()  <br>{  <br>i++;  <br>var CheckSpace = HelpText.substring(i-1, i);  <br>CheckSpace = "" + CheckSpace;  <br>if (CheckSpace == " ")  <br>{i++;}  <br>if (i >= HelpText.length+1)  <br>{  <br>TimerSet=false;  <br>Text = HelpText.substring(0, i);  <br>i=0;  <br>return (Text);  <br>}  <br>Text = HelpText.substring(0, i);  <br>return (Text);  <br>}  <br>// Initially called by onLoad in BODY tag to load title.  <br>function initTeleType()  <br>{  <br>Text="rn Manual Tele-Type Display";  <br>document.forms[0].elements[0].value=Text;  <br>}  <br>// Called by <<< button (get previous message).  <br>function lastMessage()  <br>{  <br>if (!TimerSet && TextNumber!=-1)  <br>{  <br>TimerSet=true;  <br>clearTimeout (TimerId);  <br>if (TextNumber<=0)  <br>{  <br>alert("This is the beginning of the list!");  <br>TimerSet=false;  <br>}  <br>else  <br>{  <br>TextNumber-=1;  <br>message=TextNumber+1;  <br>document.forms[0].elements[2].value= message;  <br>Text = TextInput[TextNumber];  <br>HelpText = Text;  <br>}  <br>teletype();  <br>}  <br>}  <br>// Deactivate Cloaking --></script> 
第二步:在区域中加入如下代码: 
 
 
 
 
 
 
 
 
 
 

 

DK企业网站管理系统1.1
DK企业网站管理系统1.1

后台路径网址+admin(请修改更安全)后台用户名密码admin产品定位:中小型企业,本系统简单实用,无冗余功能,无功能限制。后台功能:一、网站基本信息此功能允许您从后台设置网站的名称、联系人、电话、公司地址、版权、第三方统计代码等等常用信息。二、导航栏设置可以从后台调整导航栏显示项目,可以进行增加删除排序隐藏导航栏等操作三、幻灯设置可以从后台设置前台动画轮播图片,支持排序。四、单页功能用来设置公

下载
 

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

6

2026.02.12

雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法
雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法

本专题系统整理雨课堂网页版官方入口及在线登录方式,涵盖账号登录流程、官方直连入口及平台访问方法说明,帮助师生用户快速进入雨课堂在线教学平台,实现便捷、高效的课程学习与教学管理体验。

4

2026.02.12

豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法
豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法

本专题汇总豆包AI官方网页版入口及在线使用方式,涵盖智能写作工具、图片生成体验入口和官网登录方法,帮助用户快速直达豆包AI平台,高效完成文本创作与AI生图任务,实现便捷智能创作体验。

74

2026.02.12

PostgreSQL性能优化与索引调优实战
PostgreSQL性能优化与索引调优实战

本专题面向后端开发与数据库工程师,深入讲解 PostgreSQL 查询优化原理与索引机制。内容包括执行计划分析、常见索引类型对比、慢查询优化策略、事务隔离级别以及高并发场景下的性能调优技巧。通过实战案例解析,帮助开发者提升数据库响应速度与系统稳定性。

9

2026.02.12

Next.js全栈开发与SSR服务端渲染实战
Next.js全栈开发与SSR服务端渲染实战

本专题系统讲解 Next.js 框架在现代全栈开发中的应用,重点解析 SSR、SSG 与 ISR 渲染模式的原理与差异。内容涵盖路由系统、API Routes、数据获取策略、性能优化以及部署实践。通过完整项目示例,帮助开发者掌握高性能 SEO 友好的 React 全栈开发方案。

3

2026.02.12

Kotlin协程编程与Spring Boot集成实践
Kotlin协程编程与Spring Boot集成实践

本专题围绕 Kotlin 协程机制展开,深入讲解挂起函数、协程作用域、结构化并发与异常处理机制,并结合 Spring Boot 展示协程在后端开发中的实际应用。内容涵盖异步接口设计、数据库调用优化、线程资源管理以及性能调优策略,帮助开发者构建更加简洁高效的 Kotlin 后端服务架构。

43

2026.02.12

2026春节习俗大全
2026春节习俗大全

本专题整合了2026春节习俗大全,阅读专题下面的文章了解更多详细内容。

295

2026.02.11

Yandex网页版官方入口使用指南_国际版与俄罗斯版访问方法解析
Yandex网页版官方入口使用指南_国际版与俄罗斯版访问方法解析

本专题全面整理了Yandex搜索引擎的官方入口信息,涵盖国际版与俄罗斯版官网访问方式、网页版直达入口及免登录使用说明,帮助用户快速、安全地进入Yandex官网,高效使用其搜索与相关服务。

957

2026.02.11

虫虫漫画网页版入口与免费阅读指南_正版漫画全集在线查看方法
虫虫漫画网页版入口与免费阅读指南_正版漫画全集在线查看方法

本专题系统整理了虫虫漫画官网及网页版最新入口,涵盖免登录观看、正版漫画全集在线阅读方式,并汇总稳定可用的访问渠道,帮助用户快速找到虫虫漫画官方页面,轻松在线阅读各类热门漫画内容。

103

2026.02.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
HTML 中文开发手册
HTML 中文开发手册

共0课时 | 0人学习

ASP教程
ASP教程

共36课时 | 25.5万人学习

李炎恢ASP基础视频教程
李炎恢ASP基础视频教程

共210课时 | 44万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号