📄 alpha.htm

📁 JavaScript实例教程,有99个例子

💻 HTM

字号:

<HTML>
<HEAD>
<TITLE>
新的一页
</TITLE>
<STYLE>
<!--样式单 -->
.15pt{font-size:15pt;color:#de3076}
.30pt{font-size:30pt;color:#33cc99;font-family:创艺繁琥珀}
</STYLE>
<SCRIPT>
var explain=new Array(
"原图<br>正常图片",
"效果一<br>style='FILTER: alpha(opacity=50)'",
"效果二<br>style='FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=85)'",
"效果三<br>style='FILTER: alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=85)'"
)
var images=new Array(
"<IMG height=128 alt=正常图片 src=1.jpg width=128>",
"<IMG style='FILTER: alpha(opacity=50)' height=128 alt=filter:alpha(opacity=50) src=1.jpg width=128>",
"<IMG style='FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=85)' height=128 alt=filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=285)  src=1.jpg width=128>",
"<IMG style='FILTER: alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=85)' height=128 alt=filter:alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=285) src=1.jpg width=128>"
)
var clicknumber=1
function ClickToEvent()
{
 exp_text.innerHTML=explain[clicknumber]
 dialyzer.innerHTML=images[clicknumber]
 clicknumber=(clicknumber+=1)%4
}
document.onclick=ClickToEvent
</SCRIPT>
</HEAD>
<BODY>
<center>
<font class=30pt><br>单击鼠标左键,观察ALPHA滤镜效果。<br><br></font>
</center>
<TABLE border=1 width=100% height=300 class=15pt >
 <TR>
  <TD align=center><SPAN ID=exp_text >正常图片</SPAN>
 </TR>
 <TR>
  <TD align=center><span id=dialyzer><IMG height=128 alt=正常图片 src=1.jpg width=128></span>
 </TR>
</TABLE>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -