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

xianger

 
 
 

日志

 
 

网易博客代码(四)(图片类)5部分  

2008-01-19 21:30:54|  分类: 【电脑制作】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

五、CSS滤镜实现图片特效(模糊倒影+雾化+多层FLASH特效+百叶窗)

1.图片静态倒影代码

网易博客代码(四)(图片类)5部分 - 香儿 - 香儿
网易博客代码(四)(图片类)5部分 - 香儿 - 香儿

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

说明:

修改其中的图片地址和高度宽度即可。

 2.给图片加多层FLASH特效代码

<Palign=center>
<TABLE height=表格高度 cellSpacing=0 cellPadding=0 width=宽度background=图片地址border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=第一个FLASH地址 width=宽 height=高type=application/octet-stream wmode="transparent" quality="high";;><EMBED align=right src=第二个地址 width=400 height=300type=application/octet-stream wmode="transparent" quality="high";;>.......以此类推</EMBED></TD></TR></TBODY></TABLE></P>

说明:

修改代码中的汉字为自己想要的。

3.图片雾化效果

< TD>

 

<Palign=center>
                       <TABLE border=0>
                       <TBODY>
                       <TR>
                       <TD style="FILTER: Alpha(opacity=100,style=2)"
                       width=420
                       background=图片地址                       height=296
                       </TD></TR></TOBDY></TBODY></TABLE></P>

4.图片百叶窗特效

网易博客代码(四)(图片类)5部分 - 香儿 - 香儿 网易博客代码(四)(图片类)5部分 - 香儿 - 香儿 网易博客代码(四)(图片类)5部分 - 香儿 - 香儿 网易博客代码(四)(图片类)5部分 - 香儿 - 香儿

<TABLEcellSpacing=0 cellPadding=0 width="70%" align=centerborder=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=rightwidth=120><IMG src="第一个图片地址
"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMGsrc="第二个图片地址
"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=rightwidth=120><IMG src="第三个图片地址
"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMGsrc="第四个图片地址
"></MARQUEE></TD></TR></TBODY></TABLE>

说明:

修改代码中的汉字为自己想要的。调整scrollDelay=100可以调整滑动速度

 

置入博客的方法:

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

 

 

 ◆⊙⊙⊙◆博客空间制作大全◆⊙⊙⊙◆

◆⊙⊙⊙◆博客空间代码大全◆⊙⊙⊙◆

 ◆⊙⊙⊙◆如何提高点击率的秘诀◆⊙⊙⊙◆

◆⊙⊙⊙◆如何让各大网站搜到你◆⊙⊙⊙◆

◆⊙⊙⊙◆香儿博客精品导航汇总◆⊙⊙⊙◆

◆⊙⊙⊙◆三十六计增加博客的点击率◆⊙⊙⊙◆

  评论这张
 
阅读(4165)| 评论(0)
推荐

历史上的今天

评论

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

页脚

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