脚本说明:
把如下代码加入<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例
5星 · 超过95%的资源 需积分: 0 96 浏览量
2011-03-09
07:52:37
上传
评论 2
收藏 12.7MB RAR 举报 
经典网页特效500例 （1707个子文件） 
style.css 4KB bubble-tooltip.css 787B style_1.css 384B style_4.css 361B style_2.css 360B style_3.css 359B Thumbs.db 81KB Thumbs.db 52KB Thumbs.db 29KB Thumbs.db 24KB Thumbs.db 17KB Thumbs.db 13KB Thumbs.db 12KB Thumbs.db 10KB Thumbs.db 10KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 6KB Thumbs.db 5KB Thumbs.db 4KB Thumbs.db 4KB Thumbs.db 4KB Thumbs.db 4KB Thumbs.db 4KB
03.gif 17KB clock2.gif 12KB 01.gif 11KB 123.gif 10KB bubble_download.gif 9KB 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 bubble_bottom.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 bubble_top.gif 473B 2006.gif 384B solomon.gif 379B bubble_middle.gif 292B 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共 1707 条
- 1
- 2
- 3
- 4
- 5
- 6
- 18
资源评论
wsyxm02013-02-25很好的资料，对网页制作很有帮助
縱橫2013-06-04不错，不错，挺好用- 正恩V52013-09-12很好的资源，很多很全
- linyang112013-12-01使用案例很多！
