JavaScript实现标题栏文字轮播效果代码


Posted in Javascript onOctober 24, 2015

本文实例讲述了JavaScript实现标题栏文字轮播效果代码。分享给大家供大家参考,具体如下:

这里演示的JS文字轮播,显示在标题栏区域,以前个人主页时候经常见到的效果,不过现在都规范了,标题栏一般都不加入这种效果了。但是可以学习一下JS制作实现一些文字特效,运行效果后请查看标题栏。

运行效果截图如下:

JavaScript实现标题栏文字轮播效果代码

在线演示地址如下:

具体代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文字循环出现</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var message = new Array();
message[0] = "欢迎光临三水点靠木";
message[1] = "这里有javascript";
message[2] = "网页特效";
message[3] = "图片和背景特效等";
message[4] = "非常多的资源";
message[5] = "你一定会有所收获的"; 
message[6] = "欢迎你再次光临";
message[7] = "";
var reps = 2;
var speed = 60;
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 9) { s = 1;}
if (s == 1) { document.title = '|||★★★★★=====|||----- ['+T+' -----'; }
if (s == 2) { document.title = '|||=★★★★★====|||----- ['+T+' -----'; }
if (s == 3) { document.title = '|||==★★★★★===|||----- ['+T+' -----'; }
if (s == 4) { document.title = '|||===★★★★★==|||----- ['+T+' -----'; }
if (s == 5) { document.title = '|||====★★★★★=|||----- ['+T+' -----'; }
if (s == 6) { document.title = '|||=====★★★★★|||----- ['+T+' -----'; }
if (s == 7) { document.title = '|||====★★★★★=|||----- ['+T+' -----'; }
if (s == 8) { document.title = '|||===★★★★★==|||----- ['+T+' -----'; }
if (s == 9) { document.title = '|||=★★★★★===|||----- ['+T+' -----'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
  }
}
doTheThing();
</script>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
Dec 10 Javascript
在Node.js中实现文件复制的方法和实例
Jun 05 Javascript
js Calender控件使用详解
Jan 05 Javascript
js使用setTimeout实现定时炸弹的方法
Apr 10 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
angular中子控制器向父控制器传值的实例
Oct 08 Javascript
Vue组件间通信 Vuex的用法解析
Aug 05 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
JS实现IE状态栏文字缩放效果代码
Oct 24 #Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 #Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 #Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 #Javascript
js获取表格的行数和列数的方法
Oct 23 #Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 #Javascript
js中对函数设置默认参数值的3种方法
Oct 23 #Javascript
You might like
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
Docker 如何布置PHP开发环境
2016/06/21 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
python模块之paramiko实例代码
2018/01/31 Python
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
python感知机实现代码
2019/01/18 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python 读txt文件,按‘,’分割每行数据操作
2020/07/05 Python
详解python with 上下文管理器
2020/09/02 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
美国转售二手商品的电子商务平台:BLINQ
2018/12/13 全球购物
英国银首饰公司:e&e Jewellery
2021/02/11 全球购物
毕业生优秀推荐信
2013/11/26 职场文书
高三政治教学反思
2014/02/06 职场文书
初一新生军训方案
2014/05/22 职场文书
关于读书的活动方案
2014/08/14 职场文书
信用卡工作证明模板
2014/09/14 职场文书
销售经理工作检讨书
2015/02/19 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android