光照文字效果(点光源)_文本链接特效

光照文字效果，类似探照灯点光源一样，很逼真很炫的文字特效，基本是用JS实现。

<STYLE>A {
	COLOR: rgb(0,128,255); TEXT-DECORATION: none
}
A:hover {
	COLOR: rgb(0,0,255); TEXT-DECORATION: underline
}
SPAN.mrc {
	FONT-SIZE: 9pt
}
TD {
	FONT-SIZE: 9pt; COLOR: rgb(0,0,0)
}
</STYLE>
</head>
<body  onload=javascript:window_onload()>
怎么样呢？看到这段文字的效果了吧？
<DIV onmousemove=javascript:MouseMove() id=point 
style="FILTER: light; LEFT: 216px; WIDTH: 400px; COLOR: white; POSITION: absolute; TOP: 92px; HEIGHT: 335px">
<TABLE height=305 cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD width="100%" height=59>
      <DIV align=center><SPAN 
      style="FONT-SIZE: 14pt; COLOR: rgb(0,128,255); FONT-FAMILY: 幼圆, 宋体; BACKGROUND-COLOR: rgb(255,255,255)">点光源技术</SPAN></DIV></TD></TR>
  <TR bgColor=#999999>
    <TD width="100%" height=50><SPAN 
      class=mrc>AddPoint方法可以创建一个沿X,Y,Z轴设置的点光源,在点光源的边缘光线平滑溶入背景,点光源的照亮范围可以由强度和它没Z轴远离页面的距离决定。<BR>point.filters.light(0).addPoint(200,200,200,255,255,255,100)<BR>{object.filters.light(n).addPoint(x,y,z,R,G,B,strength)}</SPAN></TD></TR>
  <TR>
    <TD width="100%" height=70>
      <DIV align=center>
      <CENTER>
      <TABLE cellSpacing=1 cellPadding=0 rules=rows width="100%" bgColor=#ffffff 
      border=1 frame=below>
        <TBODY>
        <TR>
          <TD width="22%"><SPAN class=mrc>参数</SPAN></TD>
          <TD width="78%"><SPAN class=mrc>描述</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=mrc>x,y,z</SPAN></TD>
          <TD width="78%"><SPAN class=mrc>点光源坐标</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=mrc>R,G,B</SPAN></TD>
          <TD width="78%"><SPAN class=mrc>色彩值</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=mrc>Strength</SPAN></TD>
          <TD width="78%"><SPAN 
      class=mrc>强度值</SPAN></TD></TR></TBODY></TABLE></CENTER></DIV></TD></TR>
  <TR bgColor=#999999>
    <TD width="100%" height=26><SPAN 
      class=mrc>MoveLight方法可以改变光源的X,Y,Z各坐标的值,可产生光线运动的效果。<BR>{object.filters.Light(n).MoveLight(lightnumber,x,y,z,fAbsolute)}</SPAN></TD></TR>
  <TR>
    <TD width="100%" height=54>
      <TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#ffffff 
        border=1><TBODY>
        <TR>
          <TD width="22%"><SPAN class=mrc>参数</SPAN></TD>
          <TD width="78%"><SPAN class=mrc>描述</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=mrc>lightnumber</SPAN></TD>
          <TD width="78%"><SPAN class=mrc>标识光源的数字</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=mrc>fAbsolute</SPAN></TD>
          <TD width="78%"><SPAN 
        class=mrc>设置相对移动或绝对移动</SPAN></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-12

[收藏][报错][返回列表]

光照文字效果(点光源)_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些