复制代码 代码如下:

希望本文所述对大家的javascript程序设计有所帮助。

<html>
<head>
<title>JS跟随鼠标闪烁转动的色块</title>
</head>
<body>
<script language=”JavaScript”>
<!–
if (document.all){
colours=new
Array(‘ff0000′,’00ff00′,’3366ff’,’ff00ff’,’ffa500′,’ffffff’,’fff000′)
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;
document.write(‘<div id=”ie”
style=”position:absolute;top:0;left:0;”><div
style=”position:relative”>’);
for (i=0; i < amount; i++)
document.write(‘<div id=”iestars”
style=”position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier
New;font-size:5px;color:’+colours[i]+’;padding-top:20px;text-align:center”>.</div>’);
document.write(‘</div></div>’);
ini=1;
gstep=1;
function iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
function dim(){
ini-=gstep;
dt=setTimeout(‘dim()’,10);
if (ini < 2){
clearTimeout(dt);
glow();
}
}
function glow(){
ini+=gstep;
gt=setTimeout(‘glow()’,10);
if (ini > 14){
clearTimeout(gt);
dim();
}
}
function stars(){
ie.style.top=document.body.scrollTop;
for (i=0; i < amount; i++)
 {
 var layer=iestars[i].style;
 layer.filter=’glow(color=’+colours[i]+’, strength=’+ini+’)’;
 layer.top=
Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 }
currStep+=step;
}
function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout(‘delay()’,10);
}
delay();
glow();
}
//–>
</script>
</body>
</html>

<body>
<input type=”button” id=”butn” value=”显示/隐藏”
onclick=”toggle(‘div1’)” />
<center>
<div id=”div1″></div></center>
居中的DIV
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

这是一款非常简单的鼠标特性代码,在网页中移动鼠标的时候,后面跟着一串文字跟随者鼠标移动

希望本文所述对大家的javascript程序设计有所帮助。

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″
/>
<title>oec2003</title>
<script language=”JavaScript” type=”text/JavaScript”>
<!–
function toggle(targetid){
    if (document.getElementById){
        target=document.getElementById(targetid);
            if (target.style.display==”block”){
                target.style.display=”none”;
            } else {
                target.style.display=”block”;
            }
    }
}
–>
</script>
<style type=”text/css”>
<!–
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
–>
</style>
</head>

本文实例讲述了JS实现很酷的水波文字特效。分享给大家供大家参考。具体实现方法如下:

您可能感兴趣的文章:

  • 原生JS实现多个小球碰撞反弹效果示例
  • JS小球抛物线轨迹运动的两种实现方法详解
  • JS实现小球的弹性碰撞效果
  • Js实现简单的小球运动特效
  • 用js实现小球的自由移动代码
  • javascript动画之圆形运动,环绕鼠标运动作小球
  • js实现鼠标左右移动,图片也跟着移动效果
  • javascript DIV跟随鼠标移动
  • javascript实现图片跟随鼠标移动效果的方法
  • 原生JS实现的多个彩色小球跟随鼠标移动动画效果示例

您可能感兴趣的文章:

  • JS
    CSS制作饱含热情的镶边文字闪烁特效
  • AngularJS页面访问时出现页面闪烁问题的解决
  • JavaScript与jQuery实现的闪烁输入效果
  • js实现文字闪烁特效的方法
  • JS实现浏览器状态栏文字闪烁效果的方法
  • JS实现的网页背景闪电闪烁效果代码
  • js实现div闪烁原理及实现代码
  • js实现的标题栏新消息闪烁提示效果
  • 利用JS实现浏览器的title闪烁
  • JavaScript 平滑文字闪烁
  • 高亮闪烁某个元素的js脚本
  • JS+CSS实现闪烁字体效果代码

复制代码

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注