当前位置:清晨 » 站长笔记 » 随机div标签背景颜色和随机文字颜色的实现方法

随机div标签背景颜色和随机文字颜色的实现方法

发布日期:2014年6月20日 10:06:07 点击量: 4,650

宝塔服务器面板,一键全能部署及管理,送你¥3188礼包,点我领取,简单好用的 Linux/Windows 面板

在做网站时,经常会遇到一些特效问题,像如何随机文字颜色,如何随机标签背景颜色等,今天影子分享一下简单的方法;
例子一:随机div标签背景颜色,像p标签,h1标签等实现原理类似。

先看代码



 
   New Document %MINIFYHTML4c6ad1485fdb44ad8fe3f91cb40851a49%

 
  

请注意,在使用时,要在body加载

   

这是使用document.getElementsByTagName遍历div标签,实现统一随机背景颜色。

例子二:随机文字颜色,像文字大小等其它样式,都可以实现。
先看代码



会变色的字

%MINIFYHTML4c6ad1485fdb44ad8fe3f91cb40851a410%

这个实现方法,是通过document.getElementById('ppp')查找id为ppp的标签p,添加color属性值。

可能有更多,像随机背景图片等,都可以通过以上方法进行举一反三。

参考:
1.http://blog.csdn.net/hi_dzj/article/details/9233851
2.http://zhidao.baidu.com/question/124853632.html


关键词:,

本文网址:https://www.menglei.info/1551/,转载请以链接形式注明出处,谢谢合作!

随机文字颜色

老薛主机专属优惠码: PT ,有需要购买的同学可以使用.可享受30%的优惠.

联系站长: shadoweb@qq.com QQ: 925474725

发表评论

电子邮件地址不会被公开。 必填项已用*标注