西西软件园多重安全检测下载网站、值得信赖的软件下载站!
西西首页 电脑软件 安卓软件 电脑游戏 安卓游戏 排行榜 专题合集

1500个前端开发常用JavaScript特效

  • 1500个前端开发常用JavaScript特效
  • 软件大小:3.3M
  • 更新时间:2013-08-13 08:59
  • 软件语言:中文
  • 软件厂商:
  • 软件类别:国产软件 / 免费软件 / 电子教程
  • 软件等级:4级
  • 应用平台:WinAll, WinXP
  • 官方网站:暂无
  • 应用备案:
好评:50%
坏评:50%

软件介绍

高手收集整理的1500个前段JS特效,有需要的童鞋可以看看哦,很赞的

javascript 特效有什么?

简单的比如鼠标事件(滑过、放上、离开产生的动态变化)、表格的展开与合并、菜单的动态设计(也是展开合并或者树状结构的菜单都可以实现)、消息框等。。。
麻烦点的,比如页面时钟、浮动窗口、托窗。。。

例子:数字下落

脚本说明:

第一步:把如下代码加入<body>区域中
<script language="JavaScript">
<!-- Matrix by kurt.grigg@virgin.net
if (document.all){
Cols=6;
Cl=24;//Space's are included so real length is 48!
Cs=10;
Ts=10;
Tc='#008800';
Tc1='#00ff00';
MnS=20;
MxS=30;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");
document.write("<div style='position:relative'>");
for(i=0; i < Cols; i++){
S[i]=I+=Cs;
document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
}
document.write("</div></div>");

for(j=0; j < Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i < RC[j]; i++){
B[i]='';
C[i]=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C[i];
}
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i < Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
Y[i]+=Sp[i];

if (Y[i] > window.document.body.clientHeight){
for(i2=0; i2 < Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 < RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M[i]=B[0]+=C[i3];
Y[i]=-Ts*M[i].length/1.5;
A[i].style.visibility='visible';
}
Sp[i]=Math.round(MnS+Math.random()*MxS);
}
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
// -->
</script>





第二步:把如下代码加入<body>区域中<body bgcolor=black>


软件标签: JavaScript

软件截图

1500个前端开发常用JavaScript特效

其他版本下载

发表评论

昵称:
表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
TOP
软件下载