0顶

页面灯光照射效果

稿源：互联网 2022-05-20 00:23:12 点击： 695 撤稿纠错

页面灯光照射效果，阿里西西网页特效收集。

以下讨论的是和特效相关的页面灯光照射效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
第一步：把如下代码加入<body>区域中
<SCRIPT language=javascript>

</SCRIPT>

<STYLE>A {
	COLOR: rgb(0,128,255); TEXT-DECORATION: none
}
A:hover {
	COLOR: rgb(0,0,255); TEXT-DECORATION: underline
}
SPAN.content {
	FONT-SIZE: 9pt
}
TD {
	FONT-SIZE: 9pt; COLOR: rgb(0,0,0)
}
</STYLE>
<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=content>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=content>参数</SPAN></TD>
          <TD width="78%"><SPAN class=content>描述</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=content>x,y,z</SPAN></TD>
          <TD width="78%"><SPAN class=content>点光源坐标</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=content>R,G,B</SPAN></TD>
          <TD width="78%"><SPAN class=content>色彩值</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=content>Strength</SPAN></TD>
          <TD width="78%"><SPAN 
      class=content>强度值</SPAN></TD></TR></TBODY></TABLE></CENTER></DIV></TD></TR>
  <TR bgColor=#999999>
    <TD width="100%" height=26><SPAN 
      class=content>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=content>参数</SPAN></TD>
          <TD width="78%"><SPAN class=content>描述</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=content>lightnumber</SPAN></TD>
          <TD width="78%"><SPAN class=content>标识光源的数字</SPAN></TD></TR>
        <TR>
          <TD width="22%"><SPAN class=content>fAbsolute</SPAN></TD>
          <TD width="78%"><SPAN 
        class=content>设置移动是相对的还是绝对的</SPAN></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

第二步：把<body>中的内容改为：
<body  onload=javascript:window_onload()>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于页面灯光照射效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807192709.shtml方便下次再访问哦。

·上一篇： 抖动的重要提醒文字
·下一篇： 特殊字符的生成

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

页面灯光照射效果

文章分类LIST >>返回首页

最新游戏

最新新闻