Javascript利用封装实现,多个部分的随机变色
2020-04-01 12:19
686 查看
随机变色
//随机变色 btn.onclick = function (){ setRandomColor(body,"red"); //实现body的随机变色 setRandomColor(btn,"green"); //实现button的随机变色 setRandomColor(box,"bule"); //实现box的随机变色 } function setRandomColor(ele,color){ var r = color === "red" ? 255:parseInt(Math.random()*256); // 生成 r , 0~255的随机数 ,若color传的参数为red;则把r 值设为 255 var g = parseInt(Math.random()*256); // 生成 g , 0~255的随机数 var b = parseInt(Math.random()*256); // 生成 b , 0~255的随机数 var random_color = "rgb(" + r + "," + g +"," + b + ")"; //rgb( r , g , b)的具体颜色 ele.style.cssText = "background:" + random_color; //实现css样式的变换 }
- 点赞 1
- 收藏
- 分享
- 文章举报
相关文章推荐
- 利用javascript实现贪吃蛇部分小应用
- JavaScript 利用prototype原型实现封装继承多态
- javascript实现简单的可随机变色网页计算器示例
- 利用Javascript实现隔行变色
- javascript实现10个球随机运动、碰撞实例详解
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- javascript下利用arguments实现string.format函数
- 用JavaScript与WebService实现网页部分数据XML传送
- 利用C#动态编译功能实现像Javascript中的Eval的功能来将一段字符串进行数学运算
- javascript 随机展示头像实现代码
- Javascript基础——利用定时器实现的图片无缝滚动(offsetLeft)
- 利用Attribute实现对性能计数器的封装
- JavaScript实现鼠标点击导航栏变色特效
- ios开发级联菜单(利用父子控制器--两个菜单封装为两个子控制器来实现)
- javascript实现数字随机软键盘
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- 利用 WAS V6.1 开发安全可靠的 Web Services,第 2 部分:实现可靠的消息传输
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- js封装下拉框,实现重复利用
- Android 利用WebViewJavascriptBridge 实现js和java的交互