载入中
自定义HTML载入中... loading
☆图片美化技巧☆ [原创 2008-04-19 19:38:43]   
字体变小 字体变大
 
图片美化技巧
 
 
 
单边框:   

<center><img

src="upimgback/allimg/070325/1529010.jpg" style="border:3 solid #ff0000"></center>

 

 
 双边框: 
                                                                       <center><img
                src="upimgback/allimg/070325/1529010.jpg" style="border:5 double green"></center>
 
 
立体镜框一:   
                                            <center><img src=upimgback/allimg/070325/1529010.jpg
                                                       style="border:25 outset #ff88ff"></center>
 
 
立体镜框二: 
                                                                      <center><img
                                                        src="upimgback/allimg/070325/1529010.jpg
               " style="border:25 inset #ff88ff"></center> 
 
 
虚线框:  
<center> <img src="upimgback/allimg/070325/1529010.jpg" style="border:4 dashed #ff0000"></center>
 
 
 凹槽框:
                          <center> <img src="upimgback/allimg/070325/1529010.jpg" style="border:25 groove
                                                              green" border="0"></center>
 
 
脊状框:  
          <center> <img src="upimgback/allimg/070325/1529010.jpg" style="border:25 ridge green"
border="0"></center>
 
 
 横向渐变透明:
 <center><img src="upimgback/allimg/070325/1529010.jpg"
style="filter=alpha(opacity=100,style=1,finishopacity=0)">
 
 
圆形渐变透明:
       <center><img src="upimgback/allimg/070325/1529010.jpg"
            style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center> 
 
 
 X形渐变透明:
<center><img src="upimgback/allimg/070325/1529010.jpg"
style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
 
 
 黑白效果:
 <center><img src="upimgback/allimg/070325/1529010.jpg" style="filter:'gray'"></center>
 
 
X光效果(底片): 
 <center><img src="upimgback/allimg/070325/1529010.jpg" style="filter:'xray'"></center>
 
 
浮雕效果: 
      <center><img src="upimgback/allimg/070325/1529010.jpg"
  style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
 
 
 上下颠倒:
 <center><img src="upimgback/allimg/070325/1529010.jpg" style="filter:flipv">
 
 
 色彩颠倒: 
 <center><img src="upimgback/allimg/070325/1529010.jpg" style="filter:invert"></center>
 
 
 左右颠倒:
 <center><img src="upimgback/allimg/070325/1529010.jpg" style="filter:fliph"></center>
 
 
 粒状阴影:
 <center><img src="upimgback/allimg/070325/1529010.jpg"
style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>
 
 
 水波效果(风吹):
<center><img src="upimgback/allimg/070325/1529010.jpg"
style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>
 
 

 水中倒影效果:
<center><IMG src="upimgback/allimg/070325/1529010.jpg"
width="200" height="150"><BR>
<IMG src="
upimgback/allimg/070325/1529010.jpg"
style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"
width="200" height="150"></center> 
  

 

  

         图片来回移动: 

    <MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate

         idth=200 height=180><IMG height=200 src="upimgback/allimg/070325/1529010.jpg"

          width=180 border=0> <IMG height=200 src="upimgback/allimg/070325/1529010.jpg"

          width=180 border=0> <IMG height=200 src="upimgback/allimg/070325/1529010.jpg"

          width=180 border=0> <IMG height=200 src="upimgback/allimg/070325/1529010.jpg"

                        width=200 border=0></MARQUEE>

 

    

 

          图片向右移移动

                   <MARQUEE scrollAmount=1 scrollDelay=60 direction=right

                                              width=160 height=200 >

  <IMG height=200 src="upimgback/allimg/070325/1529010.jpg" width=180 border=0>
  
<IMG height=200 src="
upimgback/allimg/070325/1529010.jpg" width=180 border=0>
 
<IMG height=200 src="
upimgback/allimg/070325/1529010.jpg
" width=180 border=0>
                                               </A></MARQUEE

 

     

           图片向下移动: 

                   <MARQUEE scrollAmount=1 scrollDelay=60 direction=down

                                    width=160 height=200 >
            <IMG height=200 src="
upimgback/allimg/070325/1529010.jpg"

                                         width=180 border=0>
            <IMG height=200 src="
upimgback/allimg/070325/1529010.jpg"

                                         width=180 border=0>
            <IMG height=200 src="
upimgback/allimg/070325/1529010.jpg"

                                        width=180 border=0>
                                        </A></MARQUEE>

 

       说明:  代码中可以修改的地方

                  direction=right 是移动的方向

上:up   下:down   左:right   右:left 


  scrollamount=5 是向下移动速度,可以调整,

                   一般设置在1---15的范围内比较好。

 

 

 

 

 

 

  

 

倚天屠龙编辑

 

















所属版块: 科技
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心