创建一个完整的窗口检查器来选择颜色

时间:2014-08-23 23:26:45

标签: javascript jquery html ajax

我是论坛的新手,这是我的第一个问题。尽管我在编程方面并不陌生,但我在html中做了一些事情,今天我面临以下问题。

如何从网页上绘制完整的窗口检查器?我真的需要在设备上使用4x4尺寸的全屏来挑选颜色。在WWW上搜索我认为对于我的应用程序,jquery和ajax的组合应该是最好的。任何想法从哪里开始?

谢谢

1 个答案:

答案 0 :(得分:0)

我想知道这个FIDDLE是否会给你一个开始。

HTML

<div class='holder'>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
    <div class='clearboth'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
    <div class='clearboth'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
    <div class='clearboth'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
  <div class='colorbox'></div>
</div>

JS

for(var n = 1; n < 17; n++)
   {
     var randomcolor = '#'+Math.floor(Math.random()*16777215).toString(16);
       $('.holder .colorbox:eq(' + n + ')').css( 'background-color', randomcolor );
    }