脚本说明:
把如下代码加入<body>区域中
<SCRIPT language=JavaScript>
var HexCharacters="0123456789ABCDEF";
function HexValue(decimal)
{
return HexCharacters.charAt((decimal>>4)&0xf)+HexCharacters.charAt(decimal&0xf)
}
function DecValue(hexadecimal)
{
return parseInt(hexadecimal.toUpperCase(),16)
}
function setColor(colorString)
{
document.HexConvert.HexRed.value=colorString.substring(0,2)
document.HexConvert.HexGreen.value=colorString.substring(2,4)
document.HexConvert.HexBlue.value=colorString.substring(4,6)
document.HexConvert.DecRed.value=DecValue(document.HexConvert.HexRed.value)
document.HexConvert.DecGreen.value=DecValue(document.HexConvert.HexGreen.value)
document.HexConvert.DecBlue.value=DecValue(document.HexConvert.HexBlue.value)
}
function DecFixed(decimal)
{
return Math.min(parseFloat(Math.abs(Math.floor(decimal))), 255)
}
function HexFixed(hexadecimal)
{
return HexValue(Math.min(parseFloat(Math.abs(Math.floor(DecValue(hexadecimal)))), 255))
}
function SyncDecimal()
{
document.HexConvert.DecRed.value=DecFixed(document.HexConvert.DecRed.value)
document.HexConvert.HexRed.value=HexValue(document.HexConvert.DecRed.value)
document.HexConvert.DecBlue.value=DecFixed(document.HexConvert.DecBlue.value)
document.HexConvert.HexBlue.value=HexValue(document.HexConvert.DecBlue.value)
document.HexConvert.DecGreen.value=DecFixed(document.HexConvert.DecGreen.value)
document.HexConvert.HexGreen.value=HexValue(document.HexConvert.DecGreen.value)
Preview()
return
}
function SyncHex()
{
document.HexConvert.HexRed.value=HexFixed(document.HexConvert.HexRed.value)
document.HexConvert.DecRed.value=DecValue(document.HexConvert.HexRed.value)
document.HexConvert.HexGreen.value=HexFixed(document.HexConvert.HexGreen.value)
document.HexConvert.DecGreen.value=DecValue(document.HexConvert.HexGreen.value)
document.HexConvert.HexBlue.value=HexFixed(document.HexConvert.HexBlue.value)
document.HexConvert.DecBlue.value=DecValue(document.HexConvert.HexBlue.value)
Preview()
return
}
function Preview()
{
if (navigator.appName != "Netscape")
{
self.frames[0].document.bgColor=document.HexConvert.HexRed.value+document.HexConvert.HexGreen.value+document.HexConvert.HexBlue.value
}
else
{
document.bgColor=document.HexConvert.HexRed.value+document.HexConvert.HexGreen.value+document.HexConvert.HexBlue.value
}
return
}
</SCRIPT>
<SCRIPT language=JavaScript>
if (navigator.appName != "Netscape")
{
document.write ('<body background="/parch.jpg" bgcolor="#ede2cd" text="#000000" link="#000066" alink="#dddddd" vlink="#993300" topmargin="0" marginheight=0>')
}
else
{
document.write ('<body bgcolor="#ffffff" text="#000000" link="#000066" alink="#dddddd" vlink="#993300" topmargin="0">')
}
</SCRIPT>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<FORM name=HexConvert>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD align=middle width=400 bgColor=#e6e6e6>
<TABLE cellSpacing=5 cellPadding=5 width=400 bgColor=#e0e0e0
border=5>
<TBODY>
<TR>
<TD align=middle>
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle><A
href="javascript:%20document.HexConvert.DecRed.value=document.HexConvert.DecRed.value*1+10;SyncDecimal();">[+]</A><BR><INPUT
onblur=SyncDecimal(); onfocus=DecRed.select()
maxLength=3 size=3 value=255 name=DecRed><BR><A
href="javascript:%20document.HexConvert.DecRed.value=document.HexConvert.DecRed.value*1-10;SyncDecimal();">[-]</A><BR></TD>
<TD align=middle><A
href="javascript:%20document.HexConvert.DecGreen.value=document.HexConvert.DecGreen.value*1+10;SyncDecimal();">[+]</A><BR><INPUT
onblur=SyncDecimal(); onfocus=DecGreen.select()
maxLength=3 size=3 value=255 name=DecGreen><BR><A
href="javascript:%20document.HexConvert.DecGreen.value=document.HexConvert.DecGreen.value*1-10;SyncDecimal();">[-]<BR></A></TD>
<TD align=middle><A
href="javascript:%20document.HexConvert.DecBlue.value=document.HexConvert.DecBlue.value*1+10;SyncDecimal();">[-]</A><BR><INPUT
onblur=SyncDecimal(); onfocus=DecBlue.select()
maxLength=3 size=3 value=255 name=DecBlue><BR><A
href="javascript:%20document.HexConvert.DecBlue.value=document.HexConvert.DecBlue.value*1-10;SyncDecimal();">[-]</A><BR></TD></TR>
<TR>
<TD align=middle><FONT face=Arial,Helvetica
size=1>RED<BR></FONT></TD>
<TD align=middle><FONT face=Arial,Helvetica
size=1>GREEN<BR></FONT></TD>
<TD align=middle><FONT face=Arial,Helvetica
size=1>BLUE<BR></FONT></TD></TR></TBODY></TABLE></TD>
<TD align=middle>
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle><INPUT onblur=SyncHex();
onfocus=HexRed.select() maxLength=2 size=2
value=FF name=HexRed> </TD>
<TD align=middle><INPUT onblur=SyncHex();
onfocus=HexGreen.select() maxLength=3 size=2
value=FF name=HexGreen> </TD>
<TD align=middle><INPUT onblur=SyncHex();
onfocus=HexBlue.select() maxLength=3 size=2
value=FF name=HexBlue> </TD></TR>
<TR>
<TD align=middle><FONT face=Arial,Helvetica
size=1>RED<BR></FONT></TD>
<TD align=middle><FONT face=Arial,Helvetica
size=1>GREEN<BR></FONT></TD>
<TD align=middle><FONT face=Arial,Helvetica
size=1>BLUE<BR></FONT></TD></TR>
<TR>
<TD align=middle colSpan=3><FONT face=宋体
size=3>十六进制RGB颜色值<BR></FONT></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR height=5>
<TD bgColor=#000000><A
href="javascript:%20setColor('000000');Preview();"> </A><BR></TD>
<TD bgColor=#080808><A
href="javascript:%20setColor('080808');Preview();"> </A><BR></TD>
<TD bgColor=#101010><A
href="javascript:%20setColor('101010');Preview();">&n
经典网页特效——500例
需积分: 0 186 浏览量
2011-04-14
14:08:18
上传
评论
收藏 12.56MB ZIP 举报
经典网页特效——500例 （1516个子文件） 
style.css 4KB style_1.css 384B style_4.css 361B style_2.css 360B style_3.css 359B
03.gif 17KB clock2.gif 12KB 01.gif 11KB 123.gif 10KB 60header.gif 7KB clockm.gif 6KB 04.gif 6KB light.gif 5KB down.gif 5KB up.gif 5KB 111.gif 4KB bgclock.gif 3KB 5.gif 2KB 5.gif 2KB 5.gif 2KB 5.gif 2KB 02.gif 2KB 2.gif 2KB 9.gif 2KB 9.gif 2KB 1.gif 2KB 6.gif 2KB 6.gif 2KB 6.gif 2KB 6.gif 2KB 6.gif 2KB 6.gif 2KB 6.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB 1.gif 2KB flower.gif 2KB home_menu.gif 2KB ring1.gif 2KB spotlight_circle.gif 2KB clockd.gif 999B ie.gif 958B dw.gif 940B plus.gif 922B ps.gif 915B blank.gif 893B fw.gif 893B nc.gif 893B barbutton.gif 885B s1.gif 697B s-1.gif 648B bullet.gif 526B 2006.gif 384B solomon.gif 379B home.gif 238B show-calendar.gif 200B show-calendar.gif 200B scroller030306.gif 95B up030306.gif 87B sb-1.gif 87B sb1.gif 87B s0.gif 87B down030306.gif 85B backgrd.gif 71B plupp1.gif 63B plupp0.gif 63B plupp.gif 63B px.gif 43B black0428.gif 35B white0428.gif 35B 取色器.htm 46KB 弹出的日期选择.htm 42KB 超功能日历.htm 24KB 下载完成后显示内容.htm 21KB 颜色代码生成器.htm 21KB 又一日期的选择.htm 21KB load1.htm 19KB caisedaima.htm 18KB 万年历.htm 15KB 俄罗斯方块游戏.htm 15KB QQ菜单生成器.htm 14KB 固定的挂钟.htm 14KB 每日一语.htm 14KB 鼠标点击游戏.htm 13KB 页面导航前的一些欢迎词.htm 13KB pingball.htm 12KB default.htm 12KB共 1516 条
- 1
- 2
- 3
- 4
- 5
- 6
- 16
资源评论
