您的位置信息之舟电 脑硬件栏目首页网页制作HTML 收藏本页

→ 图片特殊效果HTML源代码汇集整理(美化你的网页)

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

    图片效果代码

    ①原图:

    <IMG style="WIDTH: 290px; HEIGHT: 206px" height=206 src=http://www.kepusoft.com/images/link.jpg width=290>

    ②柔边效果——均匀

     

    <IMG style="FILTER: alpha(opacity=25, finishOpacity=25,style=0); WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ③柔边效果——线状(左往右):

     

    <IMG style="FILTER: alpha(opacity=0, finishOpacity=100,style=1); WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ④柔边效果——圆形(外往中央):

     

    <IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2); WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ⑤柔边效果——长方形(中央往外):

    <IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=3); WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ⑥诙谐效果:

     

    <IMG style="FILTER: gray; WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ⑦X光效果:

     

    <IMG style="FILTER: Xray; WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ⑧色彩对换 

    <IMG style="FILTER: invert; WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ⑨左右翻转:

     

    <IMG style="FILTER: FlipH(); WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    ⑩上下翻转:

     

    <IMG style="FILTER: FlipV(); WIDTH: 290px; HEIGHT: 206px" height=206 src=" http://www.kepusoft.com/images/link.jpg" width=290>

    发光效果:

     

    <DIV align=left>
    <DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 305px; HEIGHT: 227px" src="http://www.kepusoft.com/images/link.jpg" align=left>
    <DIV align=left><BR></DIV>

    附阴影效果:

    欢迎您光临

     

    <DIV align=left>
    <DIV style="FILTER: Dropshadow(color=#4a7ac9,offX=5,offY=5); WIDTH: 295px; HEIGHT: 218px" align=left><IMG style="WIDTH: 290px; HEIGHT: 202px" height=202 src="http://www.kepusoft.com/images/link.jpg" width=290><BR></DIV></DIV>
    <DIV align=left>&nbsp;</DIV>
     
    投射阴影效果:
     
     
    欢迎光临 >>

     
     
    <DIV align=left>&nbsp;</DIV>
    <DIV align=left>
    <DIV style="FILTER: Shadow(color=#4A7AC9,direction=135); WIDTH: 309px; HEIGHT: 241px" align=left><BR><IMG style="WIDTH: 300px; HEIGHT: 218px" height=218 src="http://www.kepusoft.com/images/link.jpg" width=300></DIV></DIV>
    <DIV align=left>&nbsp;</DIV>
     
    波形效果:
     
     

     

    <DIV align=left>&nbsp;</DIV>
    <DIV align=left>
    <DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 329px; HEIGHT: 191px" align=center><BR>
    <P align=center><IMG style="WIDTH: 290px; HEIGHT: 171px" height=171 src=" http://www.kepusoft.com/images/link.jpg" width=290 align=center></P></DIV></DIV>

    模糊效果:


    <DIV style="FILTER: Blur(direction=135); WIDTH: 315px; HEIGHT: 223px" align=center><BR><IMG style="WIDTH: 292px; HEIGHT: 194px" height=194 src="http://www.kepusoft.com/images/link.jpg " width=292 align=left></DIV>

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验
→ HTML栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验