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

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

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

点击下载预览效果

更多>

最新下载

html5带步骤的问卷表单提交

html5带步骤的问卷表单提交是一款modernizr html5问卷表单实例带步骤提示的问卷表单提交。

0 2026-01-29

jQuery类似播放器图片切换特效

jQuery类似播放器图片切换特效是一款基于jQuery+HTML5实现的多元素图片动态播放特效。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-29

jquery图片裁剪效果代码

jquery图片裁剪效果代码是一款jquery ui设置区域图片大小窗口显示图片裁剪效果代码。

0 2026-01-29

代码雨背景用户注册表单代码

代码雨背景用户注册表单代码是一款代码雨为背景的会员用户注册页面模板。

0 2026-01-29

vue.js图片相册幻灯片实例下载

vue.js图片相册幻灯片实例下载是一款基于Vue.js构建的响应式的图片幻灯片，图片相册，大图切换展示代码。

0 2026-01-28

jQuery自动填充表单功能代码

jQuery自动填充表单功能代码是一款利用jQueryUI的autocomplate工具实现表单的自动填充功能，数据可通过ajax从后台获取，或者从文本文件中获取都可。

0 2026-01-28

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16331 2025-08-28
CSS3 教程

1547037 2025-08-27
Rust 教程

23451 2025-08-27
Vue 教程

25884 2025-08-22
PostgreSQL 教程

22381 2025-08-21
Git 教程

9329 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");
}
}
}
}