站内搜索: 您现在的位置: 肿瘤咨询在线 >> 文章中心 >> 网络检索 >> 正文

实现插入图片的特殊效果

更新时间:2003-5-29 20:20:16 来源:WEB 作者:web 可选字体【
实现插入图片的特殊效果
增强“图片”插入功能的方法:

将根目录中的图片文件“如: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://&#39; 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>

=======================
  其中“图片边框”后面的代码可以实现插入图片的特殊效果!!!

    免责声明:
    本文仅代表作者个人观点,与肿瘤咨询在线网站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。


  • 上一篇文章:
  • 下一篇文章:
  • 网站简介 - 联系站长 - 友情链接 - 网站地图 - sitemap - 网站导航 - 进站必读 - 招纳义工