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

.

.

 
 
 

日志

 
 

图片特效类(3)  

2007-12-01 19:15:28|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 
图片特效类(3)

 第一种:

 

图片特效类(3) - liumaodan.1977 - 19771977欢迎您图片特效类(3) - liumaodan.1977 - 1977

 

 代码:

 <TABLE borderColor=#0000FF height=350 width=500 align=center border=4>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/6Z17_aWFnIiMrfLzKe-LQg==/3739395065601620578.jpg>
<MARQUEE scrollAmount=3 behavior=alternate width=500> <IMG style="FILTER: Alpha(opacity=100,style=2)" src="
http://www.t8cn.com/image/lipin/qingchun/2249Acir0XGE.gif"><FONT color=33FF33 size=6><B>1977欢迎您</B><IMG style="FILTER: Alpha(opacity=100,style=2)" src="http://www.t8cn.com/image/lipin/qingchun/2249Acir0XGE.gif"></FONT>
</MARQUEE></TD></TR></TBODY></TABLE>

 

 说明:           borderColor=#0000FF   代表图片边框的颜色代码. height=350   代表图片的高度.  width=500  代表图片的宽度.  align=center  表示图片居中,border=4 表示图片边框的厚度,粉色为大图的地址.   scrollAmount=3 behavior=alternate   则表示图片的滚动. (alternate 表示循环滚动). scrollAmount=3 表示滚动的速度. width=500  表示两个小图片的滚动宽度.   style="FILTER: Alpha(opacity=100,style=2)"   是小图片朦胧的一套代码.我在"图片特效类(1)中有较为详细的说明.就不再重复.  红色的是两个小图片的地址.

 第二种:

 

图片特效类(3) - liumaodan.1977 - 1977写上你想写的字!
写上你想写的字!

 

 代码:

<CENTER>
<TABLE style="BORDER-RIGHT: #990099 8px dashed; BORDER-TOP: #990099 8px dashed; BORDER-LEFT: #990099 8px dashed; BORDER-BOTTOM: #990099 8px dashed; BACKGROUND-COLOR: #b5a642" border=7>
<TBODY>
<TR>
<TD>
<TABLE height=350 width=500 background=http://img.blog.163.com/photo/cjma9ARJ2Mk3hyibVjObcg==/3734891465974023401.jpg>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=2 behavior=alternate><IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 150px; HEIGHT: 150px" src="http://www.t8cn.com/image/dongtai/shouji/rihan/2574_pre.gif" width=550 border=0></MARQUEE><FONT face=隶书 color=#00ff66 size=6>写上你想写的字!<BR>写上你想写的字!   </FONT></MARQUEE></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE></CENTER>

 说明:          上面代码中的粉色部分表示大图片四框的代码(邮票型),黄色的高和宽是指图片而言,绿色的高是指小图片和字体活动的高度.如果把代码:behavior=alternate  (上面说了是代表滚动的)去掉.那它的效果就是从一边滚到另一边而不是来回滚动了.上面的红色代码是大图的地址下面的是小图的地址. WIDTH: 150px; HEIGHT: 150px 指的是小图片的高和宽.下面看一下去掉代码 behavior=alternate  后的效果:

 第三种:

图片特效类(3) - liumaodan.1977 - 1977写上你想写的字!
写上你想写的字!

 

 第四种:

  

< 图片特效类(3) - liumaodan.1977 - 1977

江 山 如 此 多 娇
引无数英雄竞折腰

 

 代码:

<CENTER>
<TABLE style="BORDER-RIGHT: #33FF66 10px dashed; BORDER-TOP: #33FF66
10px dashed; BORDER-LEFT: #33FF66 10px dashed; BORDER-BOTTOM: #33FF66 10px
 dashed; BACKGROUND-COLOR: #33FF66" border=1 table>
<TBODY><TR><TD>
<TABLE height=300 cellSpacing=0 width=500
background=http://img4.3lian.com/sucai/img4/634/lin_024.GIF>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)" background=http://img.blog.163.com/photo/TGiqOfG_Y-crNxlFEOuq7Q==/3740239490531752281.jpg>
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=1 behavior=alternate><IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 120px; HEIGHT: 120px" src="
http://www.t8cn.com/image/lipin/qingchun/2722YEdr0XGE.gif" width=450 border=0></MARQUEE>
<P align=center><FONT style="FONT-SIZE: 25pt" face=隶书 color=#336699>
<MARQUEE behavior=alternate><B>江 山 如 此 多 娇<BR>引无数英雄竞折腰</B></MARQUEE></FONT></P>
<DIV></DIV></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></TD>
</TR></TBODY></TABLE></CENTER>

 说明:          粉色部分同上个代码解说相同,绿色部分的地址是字体闪光的地址,黄色地址是风景图片的地址.红色地址是小图片的地址.25pt 是指字体的大小.

 

 第五种:

 

图片特效类(3) - liumaodan.1977 - 1977

江 山 如 此 多 娇
引无数英雄竞折腰

 

 代码:

<DIV align=center>
<TABLE borderColor=#99FF33 height=350 cellSpacing=0 width=500 background=http://img4.3lian.com/sucai/img4/634/lin_024.GIF border=4>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)" background=http://img.blog.163.com/photo/TGiqOfG_Y-crNxlFEOuq7Q==/3740239490531752281.jpg>
<MARQUEE scrollAmount=3 behavior=alternate><IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 120px; HEIGHT: 120px" src="
http://www.t8cn.com/image/dongtai/shouji/rihan/2574_pre.gif" width=500 border=0></MARQUEE>
<P align=center><FONT style="FONT-SIZE: 25pt" face=隶书 color=#336699>
<MARQUEE behavior=alternate><B>江 山 如 此 多 娇<BR>引无数英雄竞折腰</B></MARQUEE></FONT></P>
<DIV></DIV></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV>

 

 说明:          大家看到了吧.只比第四种少了邮票型外框.及代码:<MARQUEE scrollAmount=1 direction=down behavior=alternate height=350>  我又多加了代码:<DIV align=center> (表示图片居中).borderColor=#99FF33 和  border=4 (图片的外框厚度和颜色).以及更换了小图片的地址.和它的滚动速度,它就完全不一样了.

 

1977欢迎大家点击进入漂亮MM表情精选



欢 迎 光 临 1 9 7 7 的 家 园

  评论这张
 
阅读(136)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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