📄 words.htm
字号:
<html>
<head>
<title>
文字从背景中飞出
</title>
</head>
<body>
<script language="Javascript">
<!--
//文本内容
var message="欢迎光临本网页 文字从背景飞出 感谢您的访问"
//文本字体
var font=new Array("Arial Black","Verdana","Impact")
//文本颜色
var color=new Array("red","olive","blue");
var positionleft=200;
var positiontop=10;
var timer; //计时器
var i_msg=0; //message数组元素序号
var i_msgcolor=0; //color数组元素序号
var i_msgfont=0; //font数组元素序号
var i_fadestrength=0; //尺寸
var step=1; //尺寸变化值
var maxfontsize=220; //字体最大尺寸
var fontsizefactor=maxfontsize/100; //字体显示系数
var content; //用于显示文本的html字符串
var bodywidth=0; //页面宽度
message=message.split(" "); //将字符串按空格进行分割
//显示文本
function setmessage()
{
if (i_msg>=message.length)
i_msg=0;
if (i_msgcolor>=color.length)
i_msgcolor=0;
if (i_msgfont>=font.length)
i_msgfont=0;
content="<nobr><font color=" + color[i_msgcolor] + " face=" + font[i_msgfont] + ">" + message[i_msg] + "</font></nobr>";
text.innerHTML=content;
i_msg++;
i_msgcolor++;
i_msgfont++;
timer=setTimeout("resizemessage()",500);
}
//改变文本的大小位置和明淡效果
function resizemessage()
{
step+=1.5;
i_fadestrength+=step;
if(i_fadestrength<=100)
{
text.filters.alpha.opacity=Math.floor(100-i_fadestrength); //设置透明度
text.style.fontSize=i_fadestrength*fontsizefactor; //设置字体大小
text.style.posLeft=positionleft-(Math.floor(i_fadestrength*fontsizefactor)); //posLeft
text.style.posTop=positiontop;
text.style.width=bodywidth-text.style.posLeft-5; //posTop固定为10
text.style.overflowX="hidden";
text.style.visibility="visible";
timer=setTimeout("resizemessage()",50);
}
else
{
clearTimeout(timer);
i_fadestrength=0;
step=1;
text.filters.alpha.opacity=0;
setmessage();
}
}
document.write("<DIV id='text' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>");
document.write("<DIV style='position:relative;'>");
bodywidth=document.body.clientWidth-5;
setmessage();
-->
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -