huanyq2008
- 浏览: 171716 次
- 性别:
- 来自: 成都
-
文章分类
最新评论
-
crabboy：
goodhttp://veerle.duoh.com/comm ...
表格效果 -
lunvsxiao：
好呀，省的自己记那么多了。。
java常用正则表达式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html oncontextmenu='window.event.returnValue=false' xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>霓虹灯效果</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<style type="text/css">
.normalTxt {
font-size: 12px;
color: #333;
}
.changeTxt {
font-size: 12px;
color: #f00;
/**font-weight: bold;*/
}
</style>
<script type="text/javascript">
function dynamicText(){
this.container = document.getElementById(arguments[0]);
if(!this.container){
alert("您要设置的\"" + arguments[0] + "\"初始化错误\r\n请检查标签ID设置是否正确!");
this.container = -1;
return;
}
if(document.all){
var txt = this.container.innerHTML;
this.Length = txt.length;
var str = "";
var flag = arguments[0];
for (m=0; m<this.Length; m++){
str += '<font id="dyTxt_'+flag+'" class="normalTxt">'+txt.charAt(m)+'</font>';
}
this.container.innerHTML = str;
this.fontObjs = document.getElementsByName("dyTxt_"+flag);
this.IntervalTimer = 0;
this.TimeoutTimer = 0;
this.Index = 0;
this.FirstCss = "normalTxt";
this.SecondCss = "changeTxt";
this.Start();
}
}
dynamicText.prototype.Start = function(){
if(this.container == -1)return;
var obj = this;
clearTimeout(obj.TimeoutTimer);
obj.flashObj = function(){obj.Flash()};
obj.IntervalTimer = setInterval(obj.flashObj,20);
}
dynamicText.prototype.Flash = function(){
var obj = this;
obj.fontObjs[obj.Index].className=obj.SecondCss;
if (obj.Index<obj.fontObjs.length-1){
obj.Index++;
}else{
obj.Index = 0;
clearInterval(obj.IntervalTimer);
var temp = obj.SecondCss;
obj.SecondCss = obj.FirstCss;
obj.FirstCss = temp;
obj.startObj = function(){obj.Start()};
obj.TimeoutTimer = setTimeout(obj.startObj,3000);
return;
}
}
window.onload = function(){
var box = document.getElementById("testBox");
var spanObj;
for(i=0;i<10;i++){
spanObj = $$("span");
spanObj.id = "container" + i;
spanObj.innerHTML = "JavaEye-最棒的软件开发交流社区";
box.appendChild(spanObj);
box.appendChild($$("br"));
new dynamicText("container" + i);
}
}
$$ = function(name){
return document.createElement(name)
}
</script>
</head>
<body>
<DIV id="testBox"></DIV>
</body>
</html>
网上一般只有初始化一个的例子。本人写了这个可以同时初始化多个霓虹灯效果。经测试：设置在20个左右的时候，CPU的占用峰值在5%左右。随着个数的增加，cpu的占用率也会增加。如果超过50个的时候，建议使用gif动画图片.
- font.rar (1.3 KB)
- 下载次数: 8
0
顶
顶
0
踩
踩
分享到：
发表评论
-
js event.keyCode
2011-12-02 17:13 709keycode 8 = BackSpace BackSpace ... -
js event.keyCode
2011-12-02 17:06 2keycode 8 = BackSpace BackSpace ... -
IE6下png透明处理心得
2011-11-24 12:41 1327首先说明一下，网上处理IE6下png透明的方法有很多，但无外乎 ... -
不使用中间变量，交换int型的 a, b两个变量的值
2011-02-22 18:08 766(function(){ var a = 10, b ... -
dom加载完的判断
2011-02-12 18:05 3024window.onload事件可以安全的执行javascr ... -
js节点操作
2011-02-11 16:14 849insertAdjacentElement方法 语法： ... -
[JS]URLParser-html页面参数获取类
2010-10-11 09:05 692URLParser类代码 /* @class: ... -
JS函数库 common.js
2010-09-20 15:55 1145/****************************** ... -
简单的加解密
2010-09-12 20:51 647前段时间看到flash中写的一段混淆代码，现记录下，以备后用。 ... -
js排序
2010-09-02 16:37 786<html> <body> ... -
日期的格式化函数（转）
2010-08-17 15:38 663//Date.prototype.isLeapYe ... -
动态加载JS脚本的4种方法
2010-08-05 11:55 531动态加载JS脚本的4种方法 要 ... -
信息提示框
2010-05-17 17:08 1372消息提示封装js /** ------ ... -
关于table等只读标签的innerHTML问题
2010-04-26 17:58 1723function setTbodyHTML(id,tr){ ... -
[转载]100多个很有用的JavaScript函数以及基础写法大集合
2010-04-24 23:17 11861.document.write(""); ... -
网页高亮显示文字
2010-04-15 15:24 1959function hightLight(str,style,f ... -
遍历JSON
2010-04-11 15:11 1595<!DOCTYPE html PUBLIC " ... -
JavaScript 的事件冒泡 demo
2010-03-15 10:11 1250转载： 如果你还不理解JavaScript的事件冒泡往下看： ... -
获得页面的高度（转载）
2010-02-03 21:50 1314function getDocHeight(doc){ / ... -
JS读取并输出xml文件节点及属性
2010-01-19 17:42 2106book.html 代码如下： ++++++++++++ ...
相关推荐
Unity 2D 霓虹灯效果是一种在2D游戏场景中模拟出类似霓虹灯的视觉效果的技术，常用于创建具有未来感或复古风格的游戏。这种效果通过使用特殊的材质、光照和粒子系统来实现，使得游戏元素看起来像是由发光的线条和...
霓虹灯效果是一种常见的视觉效果，常用于游戏、软件界面或者动画中，为用户界面增添动感和时尚感。本项目是使用C#编程语言，在Visual Studio 2013环境下，设计并实现的一个简单的霓虹灯模拟程序。下面将详细阐述这个...
在安卓应用开发中，创建动态、引人注目的视觉效果是一项常见的挑战，而“霓虹灯效果”无疑能为用户界面增添独特的魅力。本教程将详细介绍如何利用Android的相对布局（RelativeLayout）来实现一个不停变换颜色的霓虹...
在Android平台上，霓虹灯效果通常是指通过编程方式模拟出类似霓虹灯管闪烁、颜色渐变的效果。这种效果在一些动态壁纸、游戏或者UI设计中颇为流行，能为用户带来独特的视觉体验。本文将详细介绍如何在Android应用中...
在"android帧布局霓虹灯效果"这个主题中，我们将会探讨如何利用帧布局和定时器（Timer）以及Handler来创建一种动态的霓虹灯视觉效果。 霓虹灯效果通常涉及到颜色的变化、闪烁或动态流动，这种效果可以通过改变帧...
在这个"FrameLayout布局完成霓虹灯效果"的小程序中，开发者可能利用了帧布局的特点，结合其他Android图形库或者自定义视图来实现霓虹灯的动画效果。 霓虹灯效果通常涉及到颜色渐变、闪烁、线条动态流动等元素，这些...
霓虹灯效果在视觉设计中是一种独特且引人注目的表现形式，常见于广告、招牌以及数字艺术中。在IT领域，尤其是编程和图形用户界面（GUI）设计中，模拟霓虹灯效果的文字特效可以为应用程序增添趣味性和个性化。本教程...
在VB（Visual Basic）编程环境中，我们可以利用图形用户界面（GUI）组件和编程逻辑来创建各种视觉效果，其中之一就是模拟霓虹灯效果。霓虹灯效果通常涉及到颜色的动态变化和闪烁，给人一种动感和活力的感觉。下面将...
在这里，我们深入探讨如何使用C#实现霓虹灯效果，以及可能涉及的关键知识点。 首先，霓虹灯效果的核心在于颜色的变化和过渡。在C#中，可以使用`System.Drawing`命名空间中的`Color`类来表示颜色，通过调整其红色、...
在Android开发中，为了使应用更具吸引力和动态性，开发者经常需要实现各种视觉特效，其中霓虹灯效果就是一个常见的例子。霓虹灯效果通常通过模拟真实霓虹灯的闪烁、色彩变化来创建一种动感十足的视觉体验。在这个...
在VC++6.0上运行，实现舞台霓虹灯效果动画。多种颜色的光线按照不同角度相互切换照射到模拟舞台的平板上。亲测可用。
在Android开发中，霓虹灯效果通常是指一种动态的、色彩斑斓的视觉效果，它可以用于按钮、背景或者其他UI元素上，以吸引用户的注意力或者增加应用的趣味性。本篇文章将详细探讨如何在Android中实现霓虹灯效果，重点是...
这种效果通常用于创建吸引用户注意力或者模拟真实世界中的霓虹灯效果，常见于各种动态UI设计中。 首先，理解霓虹灯效果的基本原理：霓虹灯的闪烁是由光源的亮度变化产生的，我们可以通过改变View的颜色、透明度或...
霓虹灯效果在Android开发中通常是指通过动态改变颜色或者动画来模拟霓虹灯闪烁的效果。在这个场景中，我们利用`FrameLayout`作为容器，并结合`Handler`来实现在每1秒内进行一次颜色变化，从而达到霓虹灯的动态视觉...
霓虹灯效果制作工具，如"neon2008霓虹灯效果制作工具"，是一种专门用于创建LED轮廓灯和霓虹灯效果的软件。此类工具在视觉设计、广告制作以及亮化行业中广泛使用，因为它们能为设计师提供一个快速、简便的方式来模拟...
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）中实现霓虹灯效果，这是一种视觉上引人注目的效果，通常用于创建现代、炫酷的用户界面。霓虹灯效果通过模拟真实霓虹灯的发光特性，使得UI元素...
### 如何实现霓虹灯效果：精彩编程与编程技巧 #### 概述 本文将详细介绍如何在Visual Basic中实现一个简单的霓虹灯效果，并通过具体的示例代码来讲解这一过程。霓虹灯效果广泛应用于各种视觉展示场景，如游戏、...