网页特效代码大全
大家可以直接用这些代码。
1.旋转文字
<ｓｃｒｉｐｔ language=javaｓｃｒｉｐｔ>
Phrase="网页特效梦工厂"
Balises=""
Taille=80;
Midx=250;
Decal=0.5;
Nb=Phrase.length;
y=-10000;
for (x=0;x<Nb;x++){
Balises=Balises + ’<DIV Id=L’ + x + ’ STYLE="width:5;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0">’ + Phrase.charAt(x) + ’</DIV>’
}
document.write (Balises);
Time=window.setInterval("Alors()",10);
Alpha=5;
I_Alpha=0.05;
function Alors(){
Alpha=Alpha-I_Alpha;
for (x=0;x<Nb;x++){
Alpha1=Alpha+Decal*x;
Cosine=Math.cos(Alpha1);
Ob=document.all("L"+x);
Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;
Ob.style.zIndex=20*Cosine;
Ob.style.fontSize=Taille+25*Cosine;
Ob.style.color="rgb("+ (127+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";
}
}
</ｓｃｒｉｐｔ>
2.彩虹文字
<!--将以下代码加入HTML的<Body></Body>之间-->
<ｓｃｒｉｐｔ language=Javaｓｃｒｉｐｔ1.2>
<!-- Begin
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var ctext = "网页特效梦工厂"
var speed = 1000;
var x = 0;
var color = new initArray(
"#00FF00",
"#33cc00",
"#669900",
"#996600",
"#cc3300",
"#ff0000"
);
if(navigator.appName == "Netscape") {
document.write(’<layer id="c"><center>’+ctext+’</center></layer><br>’);
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write(’<div id="c"><center>’+ctext+’</center></div>’);
}
function chcolor(){
if(navigator.appName == "Netscape") {
document.c.document.write(’<center><font color="’+color[x]);
document.c.document.write(’">’+ctext+’</font></center>’);
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",1000);
// End -->
</ｓｃｒｉｐｔ>
3.闪烁文字
<!--将以下代码加入HTML的<Body></Body>之间-->
<ｓｃｒｉｐｔ language=Javaｓｃｒｉｐｔ>
<!-- Begin
text = "网页特效梦工厂"
color1 = "0000FF";
color2 = "FF0000";
fontsize = "4";
speed = 100;
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 +
">");
for (var j = 0; j < text.length; j++) {
if(j == i) {
document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write(’</font></font></center>’);
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
// End -->
</ｓｃｒｉｐｔ>
