JavaScript文字虚幻抖动

最新推荐文章于 2023-07-18 08:29:46 发布

转载最新推荐文章于 2023-07-18 08:29:46 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/youtianxia/p/4046324.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript实现的文字虚幻抖动效果。通过不断改变元素的位置来模拟抖动，展示了如何设置页面样式及JavaScript定时器实现特效。

<html>
<head>
<title>文字虚幻抖动-石家庄编导培训-石家庄播音主持</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style>
</head>
<body>
<DIV id=Title2 style="COLOR: gray; FONT: bold 11pt arial; POSITION: absolute; visibility:hidden; top:300; left:300;">
<P><FONT size=8>JavaScript特效<br>站长导航—中文站长导航第一站<br/>www.zcgy211.com</FONT></P></DIV>
<DIV id=Title1 style="COLOR: white; FONT: bold 11pt arial; POSITION: absolute; visibility:hidden; top:300; left:300">
<P><FONT size=8>JavaScript特效<br>站长导航—中文站长导航第一站<br/>www.zcgy211.com</FONT></P></DIV>
<script language="javascript">
var Tle2="document.all.Title2.style";
var Tle1="document.all.Title1.style";
eval(Tle2).top=eval(Tle1).top=document.body.clientHeight/2 - 20;
eval(Tle2).left=eval(Tle1).left=document.body.clientWidth/2 - 150;
function Fade(){
    var BackX = Math.random()*10;
    var BackY = Math.random()*5;
    if(Math.random()<0.5){
        BackX = -BackX;
        BackY = -BackY;
    }
    eval(Tle1).visibility = eval(Tle2).visibility = "visible";
    eval(Tle2).left = parseInt(eval(Tle1).left) + BackX;
    eval(Tle2).top = parseInt(eval(Tle1).top)  + BackY;
    var FadeID = setTimeout("Fade()",50);
}
Fade();
</script>
</body>
</html>

转载于:https://www.cnblogs.com/youtianxia/p/4046324.html