花花旅游在线html代码,index.html 全浏览器⾊盘滚动渐变背景特效
*{margin:0;padding:0;}
body#wrap{width:100%;height:500px;
}
/* RGB ⾊盘变化
2.什么时候发⽣改变
3.阈值和变化规律：
{
if(R==255&&G==0){B++;}
if(B==255&&G==0){R--;}
if(B==255&&R==0){G++;}
if(R==0&&G==255){B--;}
if(G==255&&B==0){R++;}
if(R==255&&B==0){G--;}
}
4.数据分析归类
html滚动效果代码{
if(G==255&&B==0){R++;}
if(B==255&&R==0){G++;}
if(R==255&&G==0){B++;}
if(G==0&&B==255){R--;}
if(B==0&&R==255){G--;}
if(R==0&&G==255){B--;}
}
5.解决⽅案转化成代码
{
R , G , B
var color=[R,G,B]
` color[0] //R
利⽤数组操作原本应该是3个变量的值
++ , --
}
*/
(function(){
var ElementById('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
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 String(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:adient( 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
}
}
})();
⼀键复制
编辑
Web IDE
原始数据
按⾏查看
历史

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。