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

家庭教育文章

http://youyan7224480.blog.163.com/

 
 
 

日志

 
 

网易博客代码.多种效果图片代码(8例)  

2009-06-27 16:00:32|  分类: 特效代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.黑白效果

 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

代码如下:

<IMG src="图片地址" style="FILTER: gray(color=#ffedff)">

 

2.底片效果

网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

代码如下:

<IMG src="图片地址" style="FILTER: xray(color=#ffedff)">

 

3.左右反置

 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

 代码如下:

<IMG src="图片地址" style="FILTER: fliph(color=#ffedff)">

 

4.左右上下反置

网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

代码如下:

<IMG src="图片地址" style="FILTER: flipv(color=#ffedff)">

 

5.滤镜效果

 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

代码如下:

<img src="图片地址" width=380 height=147 style=filter:Alpha(opacity=100,style=2)>

 

 6.图片重复 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客 网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

代码如下:

<MARQUEE behavior=alternate direction=up height=300 width=130><img src=图片1地址></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=130><img src=图片2地址></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=130><img src=图片3地址></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=130><img src=图片4地址></MARQUEE>

         *说明:适合动态小图片,可添加多个不同图片

 

 

7. 无边框图片:

网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

 

代码如下:

 <div style="padding:0px; LEFT: 0px; OVERFLOW: hidden; WIDTH:634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"><IMG src="图片地址" border="0" width="图片的宽" height="图片的高">

   

8. 图片特效--上下,左右分别振动

网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客
网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

代码如下:

<table width="200" cellspacing="0" cellpadding="0"><tr align="center"><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="left" height="80"width="100%" scrolldelay="60"><img src="图片1地址" width="110" height="70" border="0"></a></marquee></td></tr><td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="up" height="80"width="100%"scrolldelay="60"><img src="图片2地址" width="110" height="70" border="0"></a></marquee></td></tr></table>

    *说明:  1.  图片1是左右振动,图2是上下振动

 

置入博客方法如下图解:

1. 进入编辑→2. 排版→3. 模块→ 4. 添加自定义html(显示)(出现在网页左下角)→ 5. 复制下列语法後贴上→6. 新增→ 7. 将模块移到想显示的位置→8. 再保存(右上角)→9. 预览我的博客。→10. 就可以看到出现在你的博客上了!

网易博客代码.多种效果图片代码(8例) - 悠雁(THINKER) - 悠雁的博客

 

  评论这张
 
阅读(410)| 评论(0)

历史上的今天

评论

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

页脚

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