60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 页面背景类 >> 正文[打印] [收藏]

六块颜色调色板，点击任何颜色都使背景改变且跳出颜色代码

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 22:43:03

演示区

请把鼠标放上去(看看状态栏的变化)

脚本说明：

将下面的代码加在<head></head>之间

将下面的代码加在<body></body>之间

请把鼠标放上去(看看状态栏的变化)<br>

<!--

// create 6-element array

var hex = new Array(6)

// assign non-dithered descriptors

hex[0] = "FF"

hex[1] = "CC"

hex[2] = "99"

hex[3] = "66"

hex[4] = "33"

hex[5] = "00"

// accept triplet string and display as background color

function display(triplet) {

// set color as background color

document.bgColor = '#' + triplet

// display the color hexadecimal triplet

alert('现在的背景色是 #'+triplet)

}

// draw a single table cell based on all descriptors

function drawCell(red, green, blue) {

// open cell with specified hexadecimal triplet background color

document.write('')

// open a hypertext link with javascript: scheme to call display function

document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')

// print transparent image (use any height and width)

document.write('<IMG SRC="http://mbsky.com/java/place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')

// close link tag

document.write('</A>')

// close table cell

document.write('')

}

// draw table row based on red and blue descriptors

function drawRow(red, blue) {

// open table row

document.write('')

// loop through all non-dithered color descripters as green hex

for (var i = 0; i < 6; ++i) {

drawCell(red, hex[i], blue)

}

// close current table row

document.write('')

}

// draw table for one of six color cube panels

function drawTable(blue) {

// open table (one of six cube panels)

document.write('')

// loop through all non-dithered color descripters as red hex

for (var i = 0; i < 6; ++i) {

drawRow(hex[i], blue)

}

// close current table

document.write('')

}

// draw all cube panels inside table cells

function drawCube() {

// open table

document.write('')

// loop through all non-dithered color descripters as blue hex

for (var i = 0; i < 6; ++i) {

// open table cell with white background color

document.write('')

// call function to create cube panel with hex[i] blue hex

drawTable(hex[i])

// close current table cell

document.write('')

}

// close table row and table

document.write('')

}

// call function to begin execution

drawCube()

// -->

</script>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：鼠标放到链接上，每放一次都会出现不同的背景色

下一篇教程：一个七彩光环围绕着鼠标，而且本身还不停转动，非常漂亮

相关六块颜色调色板，点击任何颜色都使背景改变且跳出颜色代码的文章：

六块颜色调色板，点击任何颜色都使背景改变且跳出颜色代码

网友评论

数据载入中，请稍后……

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 页面背景类 >> 正文[打印] [收藏]

六块颜色调色板，点击任何颜色都使背景改变且跳出颜色代码

网友评论

全站阅读排行

本类热门教程