今天看啥
    热点:

      天发国际娱乐官网:是认为地区秩序调整将至,日本放手搅浑水会有利可图?还是在战略上已经将中国视为对手,要抓住“机会”四处“出击”?不论日本的真实意图究竟是何,有两点却不得不提前警告:首先,在涉及自身核心利益的问题上,中国维护自身权益的行动不会有半点含糊;其次,从长远视角看,中国进一步发展振兴已经是历史性趋势,日本处理好同中国的关系,是其自身利益所在,也是地区国家和人民的共同期待。

      css3编写浏览器背景渐变背景色的方法,css3渐变


      本文介绍了css3编写浏览器背景渐变背景色的方法,分享给大家,具体如下:

      效果如下:

      知识点:rgb全色循环算法,HEX与RGB颜色转换算法、CSS3颜色渐变,CSS3渐变色兼容ie方法,定时器与循环,函数封装,数组应用等。

      css代码:

        <style>
          *{margin:0;padding:0;}
          body#wrap{width:100%;height:500px;
      }
        </style>

      javascript代码:

          <script>
              (function(){
                  var oWrap=document.getElementById('wrap');
                  var max=220;  /*存储封值*/
                  var min=180;      /*存储谷值*/
                  var color=[max,min,min]; /*根据初始值红色来初始化数组*/
                  var timer=null;
                  var length=color.length;
                  var colorL,colorR
                  timer=setInterval(change,20);
                  /*不容许在机组运行中直接修改代码*/
                  function change(){
                      /*在定时器中每过20毫秒 执行一次代码*/
                      /*检测一次数组*/
                      for(var i=0;i<length;i++){
                          i%=length;
                         var arrX=(i+1)%length;
                         var arrY=(i+2)%length;
                          if(color[i]==max&&color[arrX]==min){
                              color[arrY]++;
                          }
                          if(color[i]== min&&color[arrX]==max){
                              color[arrY]--;
                          }
                       colorL='#'+convert(color[0])+''+convert(color[1])+''+convert(color[2])+'';
                      colorR='#'+convert(color[2])+''+convert(color[0])+''+convert(color[1])+'';
                              
                          }
                          gColor(colorL,colorR);
                      }
                  
                  function convert(sRgb){ /*rgb转换成HEX*/
                      var sRgb=sRgb;
                      var sHex=sRgb.toString(16);
                      sHex=sHex.length<2?'0'+sHex:sHex 
                      /* 三目判断  判断条件 ? 符合条件 :不符合条件*/
                      return sHex;
                  }
                  function gColor(colorL,colorR){
                      if(navigator.userAgent.match(/Trident/i)&&navigator.userAgent.match(/MSIE [7|8|9].0/i)){
                          //通过正则检测浏览器信息是否是ie 并且 ie版本是不是 7或者8或者9 之一
                          oWrap.style.filter = "progid:DXImageTransform.Microsoft.gradient( startColorstr=" + colorL + ", endColorstr=" + colorR + ",GradientType=0 )";
                      }else{
                          oWrap.style.background='-webkit-linear-gradient(left,'+colorL+','+colorR+')' //谷歌
                          oWrap.style.background='-ms-linear-gradient(left,'+colorL+','+colorR+')'  //ie 10 11
                      }
                   
                  
                  }
              })();            
          </script>
      

      以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持帮客之家。

      www.1click-soft.comtruehttp://www.1click-soft.com/CSSjc/1310247.htmlTechArticlecss3编写浏览器背景渐变背景色的方法,css3渐变 本文介绍了css3编写浏览器背景渐变背景色的方法,分享给大家,具体如下: 效果如下: 知...

      相关文章

      帮客评论

      视觉看点
      百度 360 搜狗