JS 216网页安全色调色板 DW 风格- Dreamweaver

当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > JS 216网页安全色调色板 DW 风格

Dreamweaver: Dreamweaver MX进阶教程（十八）使用css样式制作细线表格; Dreamweaver MX进阶教程（二十二）制作反馈表单（email发送）; Dreamweaver MX进阶教程（二十）使用一象素透明图像固定单元格宽度; Dreamweaver MX进阶教程（十一）使用“层”布局网页; Dreamweaver MX进阶教程（十四）使用server-side include（服务器端包括）; Dreamweaver MX进阶教程（十五）插入具有辅助功能的表格; Dreamweaver MX进阶教程（十九）防止英文字符撑破表格; Dreamweaver MX进阶教程（十七）设置表格的属性; Dreamweaver MX进阶教程（十二）在居中页面使用层; DW MX 设计留言本实战(1); DW MX 设计留言本实战(4); DreamWeaver,经典50问(9); DreamWeaver,经典50问(8); DreamWeaver,经典50问(7); DreamWeaver,经典50问(3); DreamWeaver,经典50问(10); DreamWeaver,经典50问(4); DreamWeaver,经典50问(6); 巧用背景颜色和间距快速制作出细边线表格; DW MX 2004代码编辑新功能

No. « ‹ 10 11 12 13 › »

技术文章搜索

关键字

Dreamweaver 中的 JS 216网页安全色调色板 DW 风格

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 27 ::

收藏到网摘: n/a

用DW中ToolTip代码改进的提示框 DW MX 的快键一览表

利用JS做的一个网页安全色调色板希望大家用得上！

运行代码框
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2311"><title>DW调色板</title><script>var ColorHex=new Array('00','33','66','99','CC','FF')var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')var current=nullfunction intocolor(){var colorTable=''for (i=0;i<2;i++) { for (j=0;j<6;j++) { colorTable=colorTable+'<tr height=12>' colorTable=colorTable+'<td width=11 style="background-color:#000000">' if (i==0){ colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[j]+ColorHex[j]+ColorHex[j]+'">'} else{ colorTable=colorTable+'<td width=11 style="background-color:#'+SpColorHex[j]+'">'} colorTable=colorTable+'<td width=11 style="background-color:#000000">' for (k=0;k<3;k++) { for (l=0;l<6;l++) { colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]+'">' } } }}colorTable='<table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000">' +'<tr height=30><td colspan=21 bgcolor=#cccccc>' +'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse">' +'<tr><td width="3"><td><input type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"></td>' +'<td width="3"><td><input type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"></td></tr></table></td></table>' +'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doOver()" onmouseout="doOut()" onclick="doclick()" style="cursor:hand;">' +colorTable+'</table>'; colorpanel.innerHTML=colorTable}function doOver() { if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) { if (current!=null){current.style.backgroundColor = current._background} event.srcElement._background = event.srcElement.style.backgroundColor DisColor.style.backgroundColor = event.srcElement.style.backgroundColor HexColor.value = event.srcElement.style.backgroundColor event.srcElement.style.backgroundColor = "white" current = event.srcElement }}function doOut() { if (current!=null) current.style.backgroundColor = current._background}function doclick(){if (event.srcElement.tagName=="TD"){alert("选取颜色: "+event.srcElement._background)return event.srcElement._background}}</script></head><body onload="intocolor()"><div id="colorpanel" style="position: absolute;">　</div></body></html>

用DW中ToolTip代码改进的提示框 DW MX 的快键一览表

Dreamweaver 中的 JS 216网页安全色调色板 DW 风格

评论 (0) All