向上滚动的文字的淡入淡出效果

  • chunzhisu

    2014-12-17 15:05:59
  • IT图书
  • 原创

点击(此处)折叠或打开

  1. <html>
  2.     <head>
  3.     <title>向上滚动的文字的淡入淡出效果丨保定营销策划公司-河北营销策划公司</title>
  4.     <meta http-equiv=\"content-Type\" content=\"text/html;charset=gb2312\">
  5.     
  6.     <style type=\"text/css\">
  7.     .textanimlink {
  8.     TEXT-DECORATION: none
  9.     }
  10.     A {
  11.     TEXT-DECORATION: none
  12.     }
  13.     P.main {
  14.     FONT-FAMILY: Arial; FONT-SIZE: 15pt; FONT-WEIGHT: bold
  15.     }
  16.     </style>
  17.     </head>
  18.     
  19.     <body bgproperties=\"fixed\">
  20.     
  21.     <script language=\"Javascript\">
  22.     bname=navigator.appName;
  23.     bversion=parseInt(navigator.appVersion)
  24.     if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4))
  25.     window.onload=start
  26.     else
  27.     stop();
  28.     window.onunload=stop
  29.     if (bname==\"Netscape\"){
  30.     brows=true
  31.     dt=2
  32.     }
  33.     else{
  34.     brows=false
  35.     dt=20
  36.     }
  37.     var z=0;
  38.     var msg=0;
  39.     var rgb=0;
  40.     var link=false;
  41.     var status=true;
  42.     var updwn=false;
  43.     var message= new Array();
  44.     var value=0;
  45.     var h=window.innerHeight;
  46.     var w=window.innerWidth;
  47.     var timer1;
  48.     var timer2;
  49.     var timer3;
  50.     var convert = new Array()
  51.     var hexbase= new Array(\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\");
  52.     var bgcolor=\"#0000FF\"; //背景色
  53.     var color=\"#FF0000\"; //字符颜色
  54.     message[0]=\'欢迎光临『芯晴网页特效』\'
  55.     message[1]=\'请记住本站地址：www.CsrCode.cn\'
  56.     message[2]=\'本站特效资源一直更新，敬请关注\'
  57.     message[3]=\'芯晴网页特效\'
  58.     for (x=0; x<16; x++){
  59.     for (y=0; y<16; y++){
  60.     convert[value]= hexbase[x] + hexbase[y];
  61.     value++;
  62.     }
  63.     }
  64.     redx=color.substring(1,3);
  65.     greenx=color.substring(3,5);
  66.     bluex=color.substring(5,7);
  67.     hred=eval(parseInt(redx,16));
  68.     hgreen=eval(parseInt(greenx,16));
  69.     hblue=eval(parseInt(bluex,16));
  70.     eredx=bgcolor.substring(1,3);
  71.     egreenx=bgcolor.substring(3,5);
  72.     ebluex=bgcolor.substring(5,7);
  73.     ered=eval(parseInt(eredx,16));
  74.     egreen=eval(parseInt(egreenx,16));
  75.     eblue=eval(parseInt(ebluex,16));
  76.     red=ered;
  77.     green=egreen;
  78.     blue=eblue;
  79.     function start(){
  80.     if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4)){
  81.     link=false;
  82.     updwn=true;
  83.     if (brows)
  84.     res=document.layers[\'textanim\'].top
  85.     else{
  86.     textanim.style.width=document.body.offsetWidth-20;
  87.     textanim.innerHTML=\'
    \'+message[msg]+\'
    \'
  88.     res=textanim.style.top
  89.     for (x=0; x<document.all.length; x++)
  90.     if(document.all[x].id==\"textanimlink\")
  91.     link=true;
  92.     }
  93.     up()
  94.     }
  95.     }
  96.     function stop(){
  97.     clearTimeout(timer1);
  98.     clearTimeout(timer2);
  99.     clearTimeout(timer3);
  100.     }
  101.     function resz(){
  102.     h=window.innerHeight;
  103.     w=window.innerWidth;
  104.     if (updwn)
  105.     timer1=setTimeout(\'up()\',1000)
  106.     else
  107.     timer2=setTimeout(\'down()\',1000)
  108.     }
  109.     function breakf(){
  110.     if (status){
  111.     clearTimeout(timer1);
  112.     clearTimeout(timer2);
  113.     status=false
  114.     return;
  115.     }
  116.     else{
  117.     status=true;
  118.     if (updwn)
  119.     timer1=setTimeout(\'up()\',dt)
  120.     else
  121.     timer2=setTimeout(\'down()\',dt)
  122.     }
  123.     }
  124.     function up(){
  125.     if (red<hred){
  126.     if ((red+7)<hred)
  127.     red+=7;
  128.     else
  129.     red=hred
  130.     redx = convert[red]
  131.     }
  132.     else{
  133.     if ((red-7)>hred)
  134.     red-=7;
  135.     else
  136.     red=hred
  137.     redx = convert[red]
  138.     }
  139.     if (green<hgreen){
  140.     if ((green+7)<hgreen)
  141.     green+=7;
  142.     else
  143.     green=hgreen
  144.     greenx = convert[green]
  145.     }
  146.     else{
  147.     if ((green-7)>hgreen)
  148.     green-=7;
  149.     else
  150.     green=hgreen
  151.     greenx = convert[green]
  152.     }
  153.     if (blue<hblue){
  154.     if ((blue+7)<hblue)
  155.     blue+=7;
  156.     else
  157.     blue=hblue
  158.     bluex = convert[blue]
  159.     }
  160.     else{
  161.     if ((blue-7)>hblue)
  162.     blue-=7;
  163.     else
  164.     blue=hblue
  165.     bluex = convert[blue]
  166.     }
  167.     rgb = \"#\"+redx+greenx+bluex;
  168.     if (brows){
  169.     document.layers[\'textanim\'].document.linkColor=rgb;
  170.     document.layers[\'textanim\'].document.vlinkColor=rgb;
  171.     if (window.innerHeight!=h || window.innerWidth!=w){
  172.     clearTimeout(timer1);
  173.     resz()
  174.     return;
  175.     }
  176.     else{
  177.     document.layers[\'textanim\'].document.write(\'
    +rgb+\'\">\'+message[msg]+\'
    \'    )
  178.     document.layers[\'textanim\'].document.close();
  179.     }
  180.     }
  181.     else{
  182.     textanim.style.color=rgb;
  183.     if(link)
  184.     textanimlink.style.color=rgb;
  185.     }
  186.     if (z<38){
  187.     if (brows)
  188.     document.layers[\'textanim\'].top--
  189.     else
  190.     textanim.style.posTop--
  191.     z++
  192.     timer1=setTimeout(\'up()\',dt)
  193.     }
  194.     else
  195.     {
  196.     updwn=false;
  197.     down()
  198.     }
  199.     }
  200.     function down(){
  201.     if (red<ered){
  202.     if ((red+7)<ered)
  203.     red+=7;
  204.     else
  205.     red=ered
  206.     redx = convert[red]
  207.     }
  208.     else{
  209.     if ((red-7)>ered)
  210.     red-=7;
  211.     else
  212.     red=ered
  213.     redx = convert[red]
  214.     }
  215.     if (green<egreen){
  216.     if ((green+7)<egreen)
  217.     green+=7;
  218.     else
  219.     green=egreen
  220.     greenx = convert[green]
  221.     }
  222.     else{
  223.     if ((green-7)>egreen)
  224.     green-=7;
  225.     else
  226.     green=egreen
  227.     greenx = convert[green]
  228.     }
  229.     if (blue<eblue){
  230.     if ((blue+7)<eblue)
  231.     blue+=7;
  232.     else
  233.     blue=eblue
  234.     bluex = convert[blue]
  235.     }
  236.     else{
  237.     if ((blue-7)>eblue)
  238.     blue-=7;
  239.     else
  240.     blue=eblue
  241.     bluex = convert[blue]
  242.     }
  243.     rgb = \"#\"+redx+greenx+bluex;
  244.     if (brows){
  245.     document.layers[\'textanim\'].document.linkColor=rgb;
  246.     document.layers[\'textanim\'].document.vlinkColor=rgb;
  247.     if (window.innerHeight!=h || window.innerWidth!=w){
  248.     clearTimeout(timer2);
  249.     resz()
  250.     return;
  251.     }
  252.     else{
  253.     document.layers[\'textanim\'].document.write(\'
    +rgb+\'\">\'+message[msg]+\'
    \'    )
  254.     document.layers[\'textanim\'].document.close();
  255.     }
  256.     }
  257.     else{
  258.     textanim.style.color=rgb;
  259.     if(link)
  260.     textanimlink.style.color=rgb;
  261.     }
  262.     if (z<76){
  263.     if (brows)
  264.     document.layers[\'textanim\'].top--
  265.     else
  266.     textanim.style.posTop--
  267.     z++
  268.     timer2=setTimeout(\'down()\',dt)
  269.     }
  270.     else
  271.     {
  272.     if (brows){
  273.     document.layers[\'textanim\'].document.write(\'\')
  274.     document.layers[\'textanim\'].document.close();
  275.     }
  276.     else
  277.     textanim.innerHTML=\'\';
  278.     window.clearInterval(timer2);
  279.     if(msg<message.length-1){
  280.     msg++;
  281.     z=0;
  282.     if (brows){
  283.     document.layers[\'textanim\'].top=res;
  284.     }
  285.     else
  286.     textanim.style.top=res;
  287.     timer3=setTimeout(\'start()\',100);
  288.     }
  289.     else
  290.     {
  291.     msg=0;
  292.     z=0;
  293.     if (brows)
  294.     document.layers[\'textanim\'].top=res;
  295.     else
  296.     textanim.style.top=res;
  297.     timer3=setTimeout(\'start()\',2000);
  298.     }
  299.     }
  300.     }
  301.     </script>
  302.     <div id=\"textanim\" onclick=\"breakf()\"
  303.     style=\"left: 36; position: absolute; top: 60; width: 447; height: 19\">　</div>
  304.     </body>
  305.     </html>
  306.     <br><br><br><br><br>
请使用浏览器的分享功能分享到微信等