文字一边渐变色一边切换的js特效

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>文字一边渐变色一边切换的js特效丨石家庄自动门|石家庄地毯</TITLE>
    </HEAD>
    <body bgcolor="#ffffff" onLoad="fade()">
    <span id="fader">
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    var texts = new Array(
    "<font size=‘+2‘ color=‘{COLOR}‘ face=‘Arial‘><strong>523</strong></font>",
    "<font size=‘+3‘ color=‘{COLOR}‘ face=‘Arial‘><strong>786</strong></font>",
    "<font size=‘+4‘ color=‘{COLOR}‘ face=‘Arial‘><strong>4322</strong></font>",
    "<font size=‘+3‘ color=‘{COLOR}‘ face=‘Arial‘><strong>123~</font>",
    "<a href=‘http://www.CsrCode.cn‘ target=‘_top‘><font size=‘+3‘ color=‘{COLOR}‘ face=‘Arial‘><strong>Welcome~!!</strong></font></a>");
    var bgcolor = "#000000"; // background color, must be valid browser hex color (not color names)
    var fcolor = "#FF8000";  // foreground or font color
    var steps = 20; // number of steps to fade
    var show = 500; // milliseconds to display message
    var sleep = 30; // milliseconds to pause inbetween messages
    var loop = true; // true = continue to display messages, false = stop at last message
    var colors = new Array(steps);
    getFadeColors(bgcolor,fcolor,colors);
    var color = 0;
    var text = 0;
    var step = 1;
    function fade() {
    var text_out = texts[text].replace("{COLOR}", colors[color]); // texts should be defined in user script, e.g.: var texts = new Array("<font color=‘{COLOR}‘ sized=‘+3‘ face=‘Arial‘>howdy</font>");
    if (document.all) fader.innerHTML = text_out; // document.all = IE only
    if (document.layers) { document.fader.document.write(text_out); document.fader.document.close(); } // document.layers = Netscape only
    color += step;
    if (color >= colors.length-1) {
    step = -1; // traverse colors array backward to fade out
    if (!loop && text >= texts.length-1) return;
    }
    if (color == 0) {
    step = 1;
    text += 1;
    if (text == texts.length) text = 0; // loop back to first message
    }
    setTimeout("fade()", (color == colors.length-2 && step == -1) ? show : ((color == 1 && step == 1) ? sleep : 50)); // sleep and show should be defined in user script, e.g.: var sleep=30; var show=500;
    }
    function getFadeColors(ColorA, ColorB, Colors) {
    len = Colors.length;
    if (ColorA.charAt(0)==‘#‘) ColorA = ColorA.substring(1);
    if (ColorB.charAt(0)==‘#‘) ColorB = ColorB.substring(1);
    var r = HexToInt(ColorA.substring(0,2));
    var g = HexToInt(ColorA.substring(2,4));
    var b = HexToInt(ColorA.substring(4,6));
    var r2 = HexToInt(ColorB.substring(0,2));
    var g2 = HexToInt(ColorB.substring(2,4));
    var b2 = HexToInt(ColorB.substring(4,6));
    var rStep = Math.round((r2 - r) / len);
    var gStep = Math.round((g2 - g) / len);
    var bStep = Math.round((b2 - b) / len);
    for (i = 0; i < len-1; i++) {
    Colors[i] = "#" + IntToHex(r) + IntToHex(g) + IntToHex(b);
    r += rStep;
    g += gStep;
    b += bStep;
    }
    Colors[len-1] = ColorB;
    }
    function IntToHex(n) {
    var result = n.toString(16);
    if (result.length==1) result = "0"+result;
    return result;
    }
    function HexToInt(hex) {
    return parseInt(hex, 16);
    }
    //  End -->
    </script></span>
    </BODY>
    </HTML>
    <br><br><hr>
    
时间: 2024-11-06 07:21:56

文字一边渐变色一边切换的js特效的相关文章

带左右箭头切换的自动滚动图片JS特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js实现tab页切换选项卡代码特效

原文:js实现tab页切换选项卡代码特效 源代码下载地址:http://www.zuidaima.com/share/1550463557864448.htm JS 写的tab切换效果

显示和隐藏文字的js特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>显示和隐藏文字的js特效</title&g

常用js特效

事件源对象  event.srcElement.tagName event.srcElement.type 捕获释放  event.srcElement.setCapture();  event.srcElement.releaseCapture(); 事件按键  event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值  event.returnValue 鼠标位置 event.x event.y 窗体活动元素  documen

4种纯CSS3超酷页面切换过渡动画特效

这是一款4种效果非常炫酷的纯CSS3页面切换过渡动画特效.该CSS3页面过渡动画使用CSS keyframes制作而成,所有的动画效果和延时都是使用CSS属性,没有任何的javascript timeout()代码. 所有的4个页面切换效果都使用相同的js文件(用于点击事件和页面关闭事件)和CSS文件.每个demo的class名称略有区别.所有的demo都在 Chrome.Safari.Firefox.Opera.IE11 和 IE10浏览器上做了测试(还有iOS也做了测试). 效果演示:htt

用户注册界面(带js特效)

用户注册页面以及js特效:1.表单联动:2.正则表达式验证. 一.html和css代码(用table进行布局,div也可以达到一样的效果) 1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <style> 5 table{ 6 border-collapse:collapse; 7 margin-left:auto; 8 margin-right:auto; 9 } 10 11 .header{ 1

js特效之酷炫的彩虹圈

此代码非本人所写 望使用者不要拿来做商业用途 致谢! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style&

很不错的js特效

这里有好多的js特效:http://www.jsfoot.com/jquery/images/qh/ jquery图片特效 jquery幻灯片 .... 有什么js需要可以到这里来下载:http://www.jsfoot.com/jquery/images/qh/ 很不错的js特效,布布扣,bubuko.com

改行了,全部源码免费发放,加好友,js特效,html5,php

改行了,全部源码免费发放,加好友,js特效,html5,php改行了,全部源码免费发放,加好友,js特效,html5,php,有什么问题可以问我,知无不言言无不尽,但是有什么需要也可以加我微信,小店自己的东西,便宜实惠!改行了,全部源码免费发放,加好友,js特效,html5,php改行了,全部源码免费发放,加好友,js特效,html5,php,有什么问题可以问我,知无不言言无不尽,但是有什么需要也可以加我微信,小店自己的东西,便宜实惠! 江南,江南,皮革厂,皮革厂,倒闭了,倒闭了,江南皮革城倒闭