☆  使 用 说 明  ☆
∙ 简介：本软件为Javascript共享教学软件，包含各种Javascript源码及演示，力求丰富易懂。
 
∙ 本软件1.0版本为免费版本，你可以免费使用，自由传播，但请保留其版权。
 
∙ 本软件制作格式：CHM，支持全文检索，可以运行在所有windows操作系统。
 
∙ 注意：由于源代码在制作时已经转化为Html格式，所以如要Copy使用，请先复制到文本文件然后才能使用。有部分网址连接只供演示，并非真实存在，所以不能打开属于正常情况，非软件错误。
　  -- 2003/02/28   
　
　   
　
    软件制作：姚辉
      Email：yshot@263 
　
　
　
 
 
 
逐隐逐现的文字特效[推荐使用][适用于IE4++]
（修改显示的文字后根据说明进行共2步）

====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]="www.happydrips"
message[1]="HappyDrips工作室"
message[2]="谢谢您使用"
message[3]="javascript源码大全"
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) 
}
//-->
</script>
<body bgcolor="#000000" onLoad="glowtext()"> //不要忘记写 
<div id="glowdiv" rtcscls-1-s_r_0">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)表示。
 
※ 效果演示 ※
 
 
超酷的文字特效[特别推荐][共2步]

====1、将以下代码加入HEML的<head></head>之间：

<script>
<!--//
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}
function ringup2() {
if (i_fontsize<=1000) { 
document.all.ring.style.fontSize=i_fontsize
html导航源码document.all.lor="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}
usemove = handlerMM;
//-->
</script>
<style>
.ringstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:5pt;
font-family:Verdana;
color:FF0000
}
.explain {
position:absolute;
top:80px; 
left:40px; 
width:300px; 
color:000000;
text-align:center;
font-size:20pt;
font-family:Times;
}
</style>

====2、将以下代码加入HEML的<body></body之间>

<div id="ring" class="ringstyle">
<p><font color="#FF8080">:-)</font></p>
</div><div id="redirection" class="explain">
<p>移动你的鼠标到这里来看看<a target="_blank" onMouseOver="ringup()"
href="www.happydrips">是不是很棒的效果</a></p>
</div>
 

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。