注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

 
 
 

日志

 
 

博客常用代码——图片类  

2008-11-11 14:09:19|  分类: 雪梅大课堂 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客常用代码——图片类

1.添加图片

博客常用代码——图片类 - 冰雪梅 - .

代码:<img src="图片地址"; width="图片宽" height="图片高">

2.图片居中:

博客常用代码——图片类 - 冰雪梅 - .

代码:<p align="center"><img src="图片地址"; width="图片宽" height="图片高">
将其中的center换为left或者right即为图片居左或居右

3.横向渐变透明

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

4.圆形渐变透明

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

5.X形渐变透明

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

6.黑白效果图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:'gray'"></center>

7.X光效果(底片)

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="
图片网址" style="filter:'xray'"></center>

8.浮雕效果图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

9.上下颠倒图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:flipv">

10.左右颠倒图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:fliph"></center>

11.色彩颠倒图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:invert"></center>

12.粒状阴影图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

13.模糊效果图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="
图片网址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

14.水波效果(风吹)图片

 

博客常用代码——图片类 - 冰雪梅 - .

代码:
<center><img src="图片网址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

15.图片静态倒影

 

博客常用代码——图片类 - 冰雪梅 - .
博客常用代码——图片类 - 冰雪梅 - .

代码:

<P align=center><IMG height=高度 src="图片地址" width=宽度><BR><IMG style="FILTER: wave
(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=高度 src="图片地址" width=宽度> </p>

 

 

向左移动的图片语法

MARQUEE 向左移动   scrollAmount=2 速度 width=500 宽度  height=100 高度(根据实际情况自设)

 

博客常用代码——图片类 - 冰雪梅 - .

 

<MARQUEE scrollAmount=2 width=500 height=100>
<P align=center><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></P></MARQUEE>

 

向右移动语法:direction=right 向右移动

 


博客常用代码——图片类 - 冰雪梅 - .
 
<MARQUEE scrollAmount=2 direction=right width=500 height=100><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></CENTER>
 
左右移动语法:behavior=alternate 左右移动


博客常用代码——图片类 - 冰雪梅 - .
 
<MARQUEE scrollAmount=2 behavior=alternate width=500 height=100><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></CENTER>
 
向上移动语法:direction=up 向上移动


博客常用代码——图片类 - 冰雪梅 - .

<CENTER>
<MARQUEE scrollAmount=2 direction=up width=500 height=100><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></CENTER>
 
向下移动语法:direction=down  向下移动


博客常用代码——图片类 - 冰雪梅 - .

 <CENTER>
<MARQUEE scrollAmount=2 direction=down width=500 height=400>
<P align=center><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></P></MARQUEE></CENTER>
 
上下重合的语法
为了重合快一些,可以设置高度  height=200(相应改小
速度  scrollAmount=2(数值越大越快)


博客常用代码——图片类 - 冰雪梅 - .

博客常用代码——图片类 - 冰雪梅 - .

<CENTER><MARQUEE scrollAmount=2 direction=down width=500 height=400>
<P align=center><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></P></MARQUEE></CENTER>
<CENTER>
<MARQUEE scrollAmount=2 direction=up width=500 height=400>
<P align=center><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></P></MARQUEE></CENTER>


博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - .


博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - .
<CENTER>
<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE>
<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE>
<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE>
<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></FONT></CENTER>


博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - . 博客常用代码——图片类 - 冰雪梅 - .

 

<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="
http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="
http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="
http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="
http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="
http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="
http://img.blog.163.com/photo/YxVC-Sp3Mkf7dYTu_MdjGg==/3713217892767419750.jpg"></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

博客常用代码——图片类 - 冰雪梅 - . 冰雪梅祝您开心快乐 博客常用代码——图片类 - 冰雪梅 - .

  评论这张
 
阅读(1470)| 评论(49)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017