Js实现滚动变色的文字效果


Posted in Javascript onJune 16, 2014

Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了。

以下是源代码:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>滚动变色的文字js特效</title> 
</head> 
<body> 
<div style="width:736px;"> 
请注意下方的文字,部分文字染成红色,且红色循环移动。 <a href="http://keleyi.com/a/bjad/bd55blos.htm" target="_blank">原文</a> 
</div> 
<script type="text/javascript"> 
var message="欢迎访问柯乐义网,这里有web前端等学习资料。" 
var neonbasecolor="#333333" 
var neontextcolor="#ff0000" 
var neontextcolor2 = "#ff3333" 
var flashspeed=100 
var flashingletters=8 
var flashingletters2=2 
var flashpause=0 
var n=0 
if (document.all||document.getElementById){ 
document.write('<font color="'+neonbasecolor+'">') 
for (m=0;m<message.length;m++) 
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') 
document.write('</font>') 
} 
else 
document.write(message) 
function crossref(number){ 
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) 
return crossobj 
} 
function neon(){ 
if (n==0){ 
for (m=0;m<message.length;m++) 
crossref(m).style.color=neonbasecolor 
} 
crossref(n).style.color=neontextcolor 
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor 
if (n<message.length-1) 
n++ 
else{ 
n=0 
clearInterval(flashing) 
setTimeout("beginneon()",flashpause) 
return 
} 
} 
function beginneon(){ 
if (document.all||document.getElementById) 
flashing=setInterval("neon()",flashspeed) 
} 
beginneon() 
</script> <div><br /><a href="http://keleyi.com" target="_blank">keleyi.com</a></div> 
</body> 
</html>
Javascript 相关文章推荐
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
jquery实现手风琴效果实例代码
Nov 15 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
JS图片压缩(pc端和移动端都适用)
Jan 12 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 #Javascript
Javascript图片上传前的本地预览实例
Jun 16 #Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 #Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 #Javascript
javascript进行数组追加方法小结
Jun 16 #Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 #Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 #Javascript
You might like
PHP crypt()函数的用法讲解
2019/02/15 PHP
强制设为首页代码
2006/06/19 Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
jQuery实现多按钮单击变色
2014/11/27 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
用python写asp详细讲解
2013/12/16 Python
python内存管理分析
2015/04/08 Python
最基础的Python的socket编程入门教程
2015/04/23 Python
Django 导出 Excel 代码的实例详解
2017/08/11 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
Python中optparser库用法实例详解
2018/01/26 Python
python实现剪切功能
2019/01/23 Python
Python实现的文轩网爬虫完整示例
2019/05/16 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
Sentry错误日志监控使用方法解析
2020/11/12 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
建议书怎么写
2014/03/12 职场文书
公司车队管理制度
2015/08/04 职场文书
《鲸》教学反思
2016/02/23 职场文书
财务年终工作总结大全
2019/06/20 职场文书
Nginx实现会话保持的两种方式
2022/03/18 Servers