77种javascript特效全功略—— 1、逐隐逐现的文字

javascript


1、逐隐逐现的文字

====1、以下代码放在一个新建页面的HTML的<body></body>区即可：[页面上必须什么都没有]

<html>
<head>
<TITLE>特效</TITLE>
</head>
<script language=javascript>
<!-- //
var thissize=20
var textfont="隶书"
var textcolor= new Array()
textcolor[0]="000000"
textcolor[1]="000000"
textcolor[2]="000000"
textcolor[3]="111111"
textcolor[4]="222222"
textcolor[5]="333333"
textcolor[6]="444444"
textcolor[7]="555555"
textcolor[8]="666666"
textcolor[9]="777777"
textcolor[10]="888888"
textcolor[11]="999999"
textcolor[12]="aaaaaa"
textcolor[13]="bbbbbb"
textcolor[14]="cccccc"
textcolor[15]="dddddd"
textcolor[16]="eeeeee"
textcolor[17]="ffffff"
textcolor[18]="ffffff"
var message = new Array()
message[0]="http://yuxuemei.yeah.net"
message[1]="我是姜猛"
message[2]="大家好"
message[3]="欢迎参观我的主页"
i_message=0
var i_strength=0
var i_message=0
var timer
function glowtext() {
if(document.all) {
if (i_strength <=17) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength++
timer=setTimeout("glowtext()",100)
}
else {
clearTimeout(timer)
setTimeout("deglowtext()",1500)
}
}
}function deglowtext() {
if(document.all) {
if (i_strength >=0) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength--
timer=setTimeout("deglowtext()",100)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
i_strength=0
intermezzo()
}
}
}
function intermezzo() {
glowdiv.innerText=""
setTimeout("glowtext()",1500)
}
file://-->
</script>
<body bgcolor="#000000" > file://不要忘记写
<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center;
top:150px;left:50px;font-family:隶书;font-size:30pt;color:000000"></div>
</body>
</html>

====2、[可选项]修改<div>标签内的代码可以确定文字显示的位置，颜色和大小。
top是距离屏幕上面的距离，left是距离坐侧的距离。font-size是文字大小，
color是颜色。width是DIV层的宽度。由于文字是用DIV来控制的，所以在DIV的宽度范围内不能有其它内容。
DIV的位置用绝对位置(position:absolute)表示。
时间： 2024-08-03 04:27:19

77种javascript特效全功略—— 1、逐隐逐现的文字的相关文章

行业网战建站全功略

中介交易 SEO诊断 淘宝客 云主机 技术大厅 行业网战建站全功略 我不是一个完美的人,所以我也拿不出最完美的事情. 我不是一个有钱的人,所以我不能坐在那里坐吃山空. 我不是一个懒惰的人,所以我可以依靠自己的头脑去建属于自己的行业网站,盈利,实现我自己的理想 心有多大,理想就能走多远 一.域名篇 .com下的域名不仅显得大气简洁,而且可体现你的全球化理念,所以人们经常要选择的是.com域名.虽然说.cn 很廉价,可是毕竟是一个网站的名字,人靠衣妆佛靠金妆,名字也终究代表的是一个网站的影响力,呵呵

网页状态栏特效全攻略

攻略|特效|网页 在上网时我们注意往往是网站页面内容,而状态栏不会被人太多注意,如果我们给页面的状态栏加一些特效,肯定会使你的网站增添一道风景,下面就给大家介绍7种常见的状态栏特效的Javascript代码. 特效一:滚动显示 第一步:把如下代码加入<head>区域中 <script language="Javascript"><!--function scrollit(seed) {var m1 = "HI:你 好! ";var m2

proftp配置全功略 FTP

国内关于proftp设置的文档实在太少,只能看着官方文档慢慢学习,特把学习经验分享给大家. proftp+mysql+quota. 安装proftp之前,必须先做一个工作,假如你的mysql是自己编译的,那就必须先修改/etc/ld.so.conf,否则后面运行proftp会报错. vi /etc/ld.so.conf 添加下面一行: /usr/local/mysql/lib/mysql 注意大家如果mysql的安装路径于我不一样,则填写相应的路径,有关mysql的编译安装请参考<Linux+A

Widnwos系统重装全功略

军情告急,操作系统需要重装 首先要搞清楚的是,这里所说的"重装"是什么意思?其实,所谓"重装",是指重新安装操作系统,从目前的实际情况出发,估计普通用户中很少会有朋友去选择Linux.OS/2.Unix等另类操作系统,因此我们这里所指的是重新安装Windows操作系统. 一般安装操作系统时,经常会涉及到全新安装.升级安装.Windows下安装.DOS下安装等安装方式,各种安装方式的含义如下: ● 全新安装:在原有的操作系统之外再安装一个操作系统,也就是我们通常所说的

WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略_PHP编程

I finally got this to work, so I will post my findings here.  //PHP 5 : Windows build needs a MySQL DLL  //PHP 5.0 doesn't come with mysql support... You have to get the librariesyourself...   //I think u can get them from mysql.com  // PHP 5 Beta 2 

百度网络交易平台开店全功略

中介交易 SEO诊断 淘宝客 云主机 技术大厅 随着25日晚百度网络交易平台内测的开始,正式的宣布百度进军国内C2C行业. 开店 百度网络交易平台为每一位通过实名认证的用户提供了免费开店的机会,在这里您将拥有一个独立的网址和一间专属的店铺,您可以按照自己喜欢的风格进行店铺装修,并把您的商品发布到店铺中. 进入平台后首先需要开通百付宝账户,通过实名认证后,您的店铺将同时被自动创建,您会收到一封系统邮件通知您开店成功. 店铺美化 在店铺首页,点击"选择主题",根据您的喜好选择一套平台为您准

如何创业:成功宝典创业发家全功略

对于创业经验不足和资金短缺的创业者来说,选择加盟创业和合伙创业是比较理的创业方式. 加盟创业 站在巨人的肩膀上特许经营指特许者将自己所拥有的商标(包括服务商标).商号.产品.专利和专有技术.经营模式等以特许经营合同的形式授予被特许者使用,被特许者按合同规定,在特许者统一的业务模式下从事经营活动,并向特许者支付相应的费用.简单来说,特许经营又叫加盟经营,就是交纳一定的费用,然后与大机构合作开店.作为一种全新的现代营销模式,特许加盟经营已成为个人创业的重要途径.一份调查资料显示,在相同的经营领域,个

汉化你的RedHat全功略(二)

在上一篇文章当中,我向大家介绍了如何安装中文环境和输入法,不知道大家留意到没有,Gnome的桌面字体是非常难看的.想个办法让他好看一点吧.最好的办法当然是让Redhat接受TrueType字体. 如果你使用的不是Redhat 7.0的话,很不幸,他们所附带的Xf86对TrueType字体的支持并不是很好,甚至可以用非常的差来形容.所以,确定你的Xfree86版本是4.0以上版本是非常必要的.(RH 6.2的Xfree86是3.3.6版本) 注:网上有文章介绍如何让Xfree 3.3.6支持Tru

汉化你的RedHat全功略(五)

一.机器配置 开始之前,我必须先要自报一下爱机的配置:PIII 450 + 128M Ram + 20G HardDisk + Dimond V770 + Dimond S90.整个配置编译过程足足花了我24个小时,其中编译kernel,整个QT+KDE,Unicon Source花足了起码22个小时.所以,各位fans的机器如果还低于这个配置的话,应该想象一下编译这些sources所花的时间了. 二.关于这篇文章 我是在自己的机器上成功的汉化了RedHat,但我并不保证凡是看完这篇文章的朋友都