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

香山红叶

花谢花飞飞满天,红消香断有谁怜?

 
 
 

日志

 
 

引用 博客代码:在图片上加特效  

2010-11-09 15:07:47|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 引用

迎春博客代码:在图片上加特效
一、没有边框的特效:

代码如下:

<P align=center>
<TABLE height=323 cellSpacing=0 cellPadding=0 width=400 background=http://img20.ph.126.net/uCDBe7_zE9bnjcVIx9pLKQ==/3159275138602102613.jpg (照片地址)border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://www.webjx.com/upfiles/20070201/20070201194349_01.swf (特效地址)width=400 (特效宽度)height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://www.webjx.com/upfiles/20070201/20070201194359_02.swf (特效地址) width=400(特效宽度) height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

二、有边框的特效:

代码如下:

<P align=center>
<TABLE height=323 cellSpacing=0 cellPadding=0 width=400 background=http://img20.ph.126.net/uCDBe7_zE9bnjcVIx9pLKQ==/3159275138602102613.jpg(照片地址) border=5(边框宽度)>
<TBODY>
<TR>
<TD><EMBED align=right src=http://www.webjx.com/upfiles/20070201/20070201194349_01.swf (特效地址)width=400 (特效宽度)height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://www.webjx.com/upfiles/20070201/20070201194359_02.swf (特效地址) width=400(特效宽度) height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

===========================================================================

点击图片进入-迎春-主页

图片、文章/编辑、整理:迎春

加强交流 增进友谊

hhttp://ycyx88888.blog.163.com/

文章图片导读

图片导读文章___雏形 - 迎春 -

☆推陈出新八宝箱☆点击进入

图片导读文章___雏形 - 迎春 -

☆FLASH制作实例☆点击进入

图片导读文章___雏形 - 迎春 -

☆博客技术的交流☆点击进入

 图片导读文章___雏形 - 迎春 -

☆PS技术的交流地☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆U.5的技术运用☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆日志日报陈列版☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆在线制作与运用☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆百家讲坛聚集地☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆生活常用之工具☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆首页模块之式样☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆兴趣爱好之客栈☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆博客网页制作网☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆相关制作之软件☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆在线报纸阅览室☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆精品设置素材网☆点击进入

博客技术:图片导读文章模式 - 迎春 -

☆电脑小知识了解☆点击进入

===========================================================================


图片+flash代码

一张背景图片上定位加入flash的完整代码:

<P align=center>

<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>

<TBODY>

<TR>

<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上左 > </TD>

<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上中 > </TD>

<TD width="34%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上右 > </TD>

<TR>

<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中左 > </TD>

<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中中 ><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中中 > </TD>这里添加了两层。

<TD width="33%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中右 > </TD>

<TR>

<TD width="33%"><EMBED align=right src=flash地址 width=260 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下左 ><EMBED align=right src=flash地址 width=260 height=160 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下左 > </TD>这里添加了两层。

<TD width="33%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下中 ><EMBED align=right src=flash地址 width=260 height=80 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下中 > </TD>这里添加了两层。

<TD width="34%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下右 > </TD></TR></TR></TR></TBODY></TABLE>


有关说明:

1、有关代码说明:

   “图片地址”是背景图片的地址,你把你喜欢的图片地址输入到“图片地址”里。图片的尺寸不能太小,可选宽度700到800的图片,高是随宽的比例而增减的。用作背景的图片可以是静态的,亦可是动态的(动画),可以是jpg格式的,也可以是gif格式的。当然也可以用flash作背景,其方法下面还要介绍。

2、边框(表格)代码说明:

<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

这是一篇日志内容的大边框(表格),它把一篇日志的所有内容都框在了里面。

2)、小边框(表格)。

3)、边框(表格)颜色代码。

borderColor=#ff0000这是边框(表格)右边的颜色代码。borderColorLight=#ffff00这是边框(表格)左边的颜色代码。也可不用颜色代码,系统默认的是透明色

4)、控制边框(表格)之间、文字与边框(表格)之间距离的代码:

cellSpacing=0这是控制边框之间、文字与边框之间距离的代码。注意:它在边框(以下省略表格二字)的最外层可以调整最外一层边框的宽度,我们可以在1以上的数字进行调整,0为无效数字。它在边框的中间层,可以调整边框之间的间距。它在最下层(日志内容的背景层),可以调整文字与边框的间距。

5)、边框线隐藏、显示的代码:

border=0这是让边框线隐藏、显示的代码。想要边框线就把它设为有效数字(1以上的数字),不想要边框线,就把它设为0。

6)、小边框百分比宽的代码:

四、给flash定位的具体位置:

1)、位置。

       我把背景图片(包括flash背景图片)从横向、纵向按上、中、下都平均分成三等份,既是三个区域,每个等份(区域)又分成三个小方形边框(表格),共9个小方形边框(表格)。这9个小方形边框(表格)就是固定flash的边框(表格)("容器")。大家看到了我用粉红色标注的上左、上中、上右;中左、中中、中右;下左、下中、下右。是以横向排列说明的,也是方便我们输入flash地址,便于我们记忆。

2)、每个小方形边框(表格)的大小:

        每个小方形边框(表格)的大小也既是每一个flash的大小,就是它们的宽、高。大家需要注意的是:一定要根据背景图片的宽、高进行设置。其方法就是:把背景图片的宽,平均分成三等份,就是每一个flash的宽,把背景图片的高,同样平均分成三等份,就是每一个flash的高了。比如:我下面演示效果的背景图片的宽是780,那么每一个flash的宽就是260;背景图片的高是720,那么每一个flash的高就是240。这样设置,每一个flash就不会变形。

五、被定位的flash的层数:

      9个小方形边框(表格)里面的flash需要几层flash?这可根据你要表现的日志内容和你的喜好而自己定夺,想添几层你就添几层,但一定不要忘了在每层flash里添加

六、两款演示效果如下:

一)、不显示表格的效果:

二)、显示表格的效果:

       要想让边框(表格)显示,你只要把<P align=center>

<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址

七、用flash做背景:

用flash做背景的完整代码:

 <P align=center>

<TABLE borderColor=#ff0000 cellSpacing=0 borderColorDark=#ff0000 cellPadding=0 borderColorLight=#ffff00 border=0>

<TBODY>

<TR>

<TD>用flash做背景,要用两层边框。这是最上面的一层边框,把背景flash代码添加在它的下面。

<EMBED align=right src=http://www.hawh.cn/admin/upload_file/file/2008-11/1226763980093.swf width=790 height=728 type=application/x-shockwave-flash 背景 quality="high" menu="false" wmode="transparent" >

<TABLE cellSpacing=0 borderColorDark=#ff0000 width="100%" cellPadding=0 borderColorLight=#ffff00 border=0>

<TBODY>

<TR>

<TD width="33%">这是第二层边框,它的下面是被定位了的flash。

图片加特效的具体添加部位:

<P align=center>

<TABLE style="WIDTH: 337px; HEIGHT: 450px" height=450 cellPadding=0 width=337 align=center background=添加自己的图片地址 border=0>

<TBODY>

<TR>

<TD><EMBED src=添加特效动画地址1 width=337 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent" > <EMBED src=添加特效动画地址2 width=337 height=250 type=application/x-shockwave-flash quality="high" wmode="transparent" > </TD></TR></TBODY></TABLE></P>

另外有朋友讲只想加一个动画特效如何加这里告诉大家将这段代码去掉就可以了:<EMBED src=添加特效动画地址2 width=337 height=250 type=application/x-shockwave-flash quality="high" wmode="transparent" >其他全部保留。。。。。。。。。。。。。。          二水中倒影代码原始代码:<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

  评论这张
 
阅读(232)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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