当前位置：首页 > 下载站 > js特效 > CSS3特效 > JS绿色自行车行驶动画特效

JS绿色自行车行驶动画特效

分类: js特效 / CSS3特效	发布时间: 2018-06-05	访问量: 2076
下载量: 63

点击下载预览效果

更多>

最新下载

紫色CSS3会员登录表单特效

紫色CSS3会员登录表单特效是一款带有动态背景动画，带有表单验证效果。

0 2026-01-12

jQuery腾讯云诊断域名表单验证特效

jQuery腾讯云诊断域名表单验证特效是一款简单实用的网站域名表单验证代码下载。

0 2026-01-12

jquery+css3动画幻灯片代码

jquery+css3动画幻灯片代码是一款支持触屏手机网页幻灯片切换效果。

0 2026-01-12

CSS3分步注册表单 CSS3分步注册表单代码下载

CSS3分步注册表单是一款纯css3实现的分步注册表单代码。

0 2026-01-12

jQuery按钮控制单排图片切换代码

jQuery按钮控制单排图片切换代码是一款带有左右箭头按钮控制的图片动感滚动切换特效。

0 2026-01-12

jQuery+CSS3节点接触形式注册表单

jQuery+CSS3节点接触形式注册表单是一款非常漂亮，带有UI设计体感的注册表单特效。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-11

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

15415 2025-08-28
CSS3 教程

1544317 2025-08-27
Rust 教程

22729 2025-08-27
Vue 教程

25196 2025-08-22
PostgreSQL 教程

21795 2025-08-21
Git 教程

8812 2025-08-21

JS绿色自行车行驶动画特效

代码片段：

for(var r=0;r<255;r+=65){
for(var b=0;b<255;b+=65){
for(var g=0;g<255;g+=65){
div=document.createElement("div");
div.setAttribute("class","item");
div.setAttribute("data-r",r);
div.setAttribute("data-g",g);
div.setAttribute("data-b",b);
div.style.backgroundColor="rgba("+r+","+g+","+b+","+"1)";
initColor.appendChild(div);
div.onclick=function(){
document.getElementById("nowSelectColor").style.backgroundColor="rgba("+this.getAttribute("data-r")+","+this.getAttribute("data-g")+","+this.getAttribute("data-b")+","+"1)";
colorObj.r=this.getAttribute("data-r");
colorObj.g=this.getAttribute("data-g");
colorObj.b=this.getAttribute("data-b");
}
}
}
}