文章目录:
网页特效代码
在HTML文件中添加网页特效代码,一般有三种情况。
第一,只加在HTML文件头部,即HTML文件中head……/head之间的代码。这类代码只需要加在这个部分,即可达到预期的效果。
第二,只加在HTML文件体部。即HTML文件中body……/body之间的代码。这类代码只需要加在这个部分,即可达到预期的效果。如在你题目中提到的就属于这一类。
除上述情况外,多数代码需要先在头部(head……/head之间)在上一些属性性质的代码,但是特效的主代码需要添加在体部(body……/body之间),否则,特效不能正常显示,有时还会出现错误,影响整个页面的正常显示。
添加特效代码的方法:
先要用HTML编辑软件,如常见的文本编辑器“记事本”,打开需要编辑的文件,根据特效代码的要求,在文件中找到相应位置,复制,粘贴特效代码,保存即可。修改完毕后,即可在浏览器中看到相应的效果。
在添加的时候一定要注意,一定要按照特效源码的要求添加,此外,还要保证源码的完整性,一个标点符号都不能少,也不能多。
另外要说的是,根据我的经验,直接从网上复制来的代码,不一定都能直接粘贴了用,一部分必须通过一个软件来中转。比如,先把网上的代码复制后,粘贴到“记事本”中,然后再复制、粘贴到相应的文件位置上。
最后,介绍你几个经典网页特效站。
1、网页特效集锦:
2、javascript网页特效:
3、万旭网页特效:
4、网页特效梦工厂:
5、网页制作大宝库网页特效大全:
网页特效谁给改一下这个代码
Html
Head
title黑客帝?/title
/Head
Body bgColor="#000000"
!--?以下代?加入HTML的Body/Body之?--
script language="JavaScript"
!--
if (document.all){
Cols=24; //下落个数
Cl=24;//Space's are included so real length is 48! //下落的最大长度
Cs=50; //下落宽度
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;left: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;left: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");
var str=['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','~','!','@','#','$','%','^','','*','(',')','_','+','|','','','?','.'] //下落需要的字符 和符合
for(j=0; j Cols; j++){
RC[j]=str[Math.random()*str.length]; //获得字母
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i RC[j]; i++){
B[i]='';
C[i]=str[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()*str.length);
E[i] = 'font color='+Tc1+''+str[r]+'/font';
Y[i]+=Sp[i];
var char1 =['#','$']
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]=str[r]+' '; //如果 你要 字符显示都是横的把' '去掉就可以了!! 不过我还是觉得 这样做出来的感觉不好看
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
/Html //这代码运行 就可以了!!
补充:按你的意思 改了下 也加了写注释
但是 太多了!不好全解释
有一些!东西自己多试试就知道了!
求网页制作高手!如何编制连续弹出的对话框,另求一套鼠标跟踪的源代码!
要用到 JavaScript 特效把如下代码加入head区域中图片跟踪鼠标代码:QQ.jpg 是图片SCRIPT language="JavaScript"!--B=document.all;C=document.layers;T1=new Array("qq.jpg",38,35,"qq.jpg",30,31,"qq.jpg",28,26,"qq.jpg",22,21,"qq.jpg",16,16)nos=parseInt(T1.length/3)rate=50ie5fix1=0;ie5fix2=0;for (i=0;inos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0")}function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At)? At+"" : "");write((HT) ? HT : "");if (!Op)closeContainer(N)}}function closeContainer(){document.write((B)?"/div":"/layer")}function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left}function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top}function moveContainer(N,DX,DY){c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY}function cycle(){//if (IE5) if (document.allwindow.print){ie5fix1=document.body.scrollLeft;ie5fix2=document.body.scrollTop;}for (i=0;i(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}}function newPos(e){moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2)}if(document.layers)document.captureEvents(Event.MOUSEMOVE)document.onmousemove=newPossetInterval("cycle()",rate)//--/SCRIPT文字特效:word[1]="L";word[2]="A";word[3]="O";word[4]="H";word[5]="E";LAOHE 是你设置的字体SCRIPT language=javascript!--//This is a JS program for Sword Jin's JoyFM homepage.All rights reserved.var cx=0;var cy=0;var val=0;function locate(){ cx=window.event.x;cy=window.event.y;}document.onmousemove=locate;function follow(i){ var x;if(i4)x=cx-50+i*10;else x=cx-25+i*10;var y=cy-20+Math.floor(Math.random()*40);w=eval("word"+i);with(w.style){left=x.toString()+"px";top=y.toString()+"px";}}function show(i){ var w=eval("word"+i);with(w.style){visibility="visible";s=parseInt(fontSize);if(s=200)s-=100;else if(s90s=100){s-=85;clearInterval(val);if(i5)val=setInterval("show("+(i+1)+")",20);} fontSize=s;}}function start(){ for(i=1;i=5;i++){val=setInterval("show(1)",20);setInterval("follow("+i+")",100);}} //--/SCRIPTSCRIPT language=javascriptvar word=new Array(5);word[1]="L";word[2]="A";word[3]="O";word[4]="H";word[5]="E";for(i=1;i=5;i++)document.write("div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'font face='Forte' color='red'"+word+"/font/div");start();/SCRIPT
"O";word[4]="H";word[5]="E";LAOHE 是你设置的字体SCRIPT language=javascript!--//This is a JS program for Sword Jin's JoyFM homepage.All rights reserved.var