增强“图片”插入功能的方法:
将根目录中的图片文件“如:pic.htm”文件中的代码替换成:
===============================
<HTML><HEAD><TITLE>插入图片文件</TITLE>
<link rel="stylesheet" type="text/css" href="site.css">
<SCRIPT event=onclick for=Ok language=javascript>
window.returnvalue = a.value+"*"+b.value+"*"+c.value+"*"+d.value+"*"+e.value+"*"+f.value+"*"+g.value+"*"+h.value+"*"+i.value
window.close();
</SCRIPT>
<script>
function IsDigit()
{
return ((event.keyCode >= 48) && (event.keyCode <= 57));
}
</script>
<BODY bgColor=menu topmargin=15 leftmargin=15 ><br>
<DIV align=center>
<table width=100%><tr><td>
<FIELDSET align=left>
<LEGEND align=left>输入图片参数</LEGEND>
<table align=center>
<tr><td>图片地址:<input id=a value='http://' size=35></td></tr><tr>
<td> 说明文字:
<input id=b size=20>图片边框:<input onKEYPRESS="event.returnvalue=IsDigit();" id=i value="0" size=2 maxlength="2"></td></tr><tr><td>
特殊效果:<select id=c>
<option>不应用</option>
<option value="filter:Alpha(Opacity=50)">半透明效果</option>
<option value="filter:Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140)">线型透明效果</option>
<option value="filter:Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200)">放射透明效果</option>
<option value="filter:blur(add=1,direction=14,strength=15)">模糊效果</option>
<option value="filter:blur(add=true,direction=45,strength=30)">风动模糊效果</option>
<option value="filter:Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3)">正弦波纹效果</option>
<option value="filter:gray">黑白照片效果</option>
<option value="filter:Chroma(Color=#FFFFFF)">白色为透明</option>
<option value="filter:DropShadow(Color=#999999, OffX=7, OffY=4, Positive=1)">投射阴影效果</option>
<option value="filter:Shadow(Color=#999999, Direction=45)">阴影效果</option>
<option value="filter:Glow(Color=#ff9900, Strength=5)">发光效果</option>
<option value="filter:flipv">垂直翻转显示</option>
<option value="filter:fliph">左右翻转显示</option>
<option value="filter:grays">降低彩色度</option>
<option value="filter:xray">X光照片效果</option>
<option value="filter:invert">底片效果</option>
</select>
图片位置:<select id=h><option>默认位置<option value="left">居左<option value="right" >居右
<option value="top">顶部<option value="middle">中部<option value="bottom">底部<option value="absmiddle">绝对居中<option value="absbottom">绝对底部<option value="baseline">基线<option value="texttop">文本顶部</select></td></tr><tr><td>
图片宽度:<input id=d onKEYPRESS="event.returnvalue=IsDigit();" value="200" size=4 maxlength="4">图片高度:<input id=e onKEYPRESS="event.returnvalue=IsDigit();" value="200" size=4 maxlength="4"></td></tr><tr><td>上下间距:<input id=f onKEYPRESS="event.returnvalue=IsDigit();" value="0" size=4 maxlength="2">左右间距:<input id=g onKEYPRESS="event.returnvalue=IsDigit();" value="0" size=4 maxlength="2">
</td></tr></table>
</fieldset></td><td width=80 align="center"><input type=submit value=' 确定 ' id=Ok><br><br><input type=button value=' 取消 ' onclick="window.close();"></td></tr></table>
=======================
其中“图片边框”后面的代码可以实现插入图片的特殊效果!!!