升降的文字特殊效果
2007-12-11 10:36
267 查看
====1、以下代码放在HTML的<body></body>之间[适当的位置]:
<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
//-->
</script>
<div id="napis" style="position: absolute;top: -50;color: #000000;font-family:宋体;font-size:9pt;">
<p>
谢谢您的使用!
</p></div>
<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>
<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
//-->
</script>
<div id="napis" style="position: absolute;top: -50;color: #000000;font-family:宋体;font-size:9pt;">
<p>
谢谢您的使用!
</p></div>
<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>
相关文章推荐
- VB实现文字“闪入”显示的特殊效果
- 文字的特殊阴影效果代码
- 网页“状态栏”文字特殊效果全攻略
- 阴影文字的特殊效果
- VB实现文字“闪入”显示的特殊效果
- 彩色文字的特殊效果
- Visual C++实现各种文字特殊效果
- 网页“状态栏”文字特殊效果全攻略
- 炽热文字的特殊效果
- Visual C++实现各种文字特殊效果
- 特殊效果的文字应用运用css滤镜集锦
- 一个不错的渐隐文字效果第1/2页
- ajax实现输入框文字改变展示下拉列表的效果示例
- JQuery实现文字滚动效果-最简单的方法
- JS实现slide文字框缩放伸展效果代码
- JS实现的新浪微博大厅文字内容滚动效果代码
- 【Android】自定义View-为文字添加动态闪动效果
- 安卓TextView文字悬浮阴影效果实现
- js焦点文字滚动效果代码分享
- 立体效果文字