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

雪劲松的博客

特色:新设学生创业目录。简约,条理,以观赏陶冶情操,以资料方便博友。

 
 
 

日志

 
 

HTML代码精彩举例(一)  

2012-08-28 19:42:33|  分类: 13-2、内容 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一、蒙板

蒙板代码:

<P style="TEXT-INDENT: 2em" align=center>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" border=7 cellSpacing=5 cellPadding=5 width=500 height=750 table>
<TBODY>
<TR>
<TD>
<TABLE width=500 background=http://img9.bimg.126.net/photo/BYcQzLjEwuQ-cNlAwVyWRQ==/300615275127686049.jpg height=750>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

二、倒影

 

HTML代码精彩举例 - 雪劲松 - 雪劲松的博客
HTML代码精彩举例 - 雪劲松 - 雪劲松的博客

 倒影代码:


<P><IMG src="http://img9.bimg.126.net/photo/g4ZyKLNJpGf94tW3_JHAzA==/354376995679557039.gif" width=315 height=235><BR><IMG style="FILTER: wave(strength=7,freq=5,phase=0,lightstrength=130) blur() flipv()" id=reflection src="http://img9.bimg.126.net/photo/g4ZyKLNJpGf94tW3_JHAzA==/354376995679557039.gif" width=315 height=235></P>

三、在背景图片添加多张透明的gif小图片:
 

代码:
<P align=center><BR>&nbsp;</P>
<DIV align=center>
<TABLE borderColor=#cd5c5c height=750 width=490 align=center border=3>
<TBODY>
<TR>
<TD background=背景图片地址><a target="cont" href="http://lql00399.blog.163.com/">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=750>
<MARQUEE scrollAmount=12 height=150 direction=right><a target="cont" href="http://lql00399.blog.163.com/">
<IMG style="FILTER: FlipH"  src="小图片地址1" border=0></MARQUEE>
<MARQUEE scrollAmount=12 height=150 direction=left><a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="小图片地址2" border=0></MARQUEE>
<MARQUEE scrollAmount=8 height=150 direction=left><a target="cont" href="http://lql00399.blog.163.com/">
<IMG style="FILTER: FlipH"  src="小图片地址3" border=0></MARQUEE>
<MARQUEE scrollAmount=8 height=150 direction=right><a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="小图片地址4" border=0></MARQUEE>
<MARQUEE scrollAmount=3 behavior=alternate width=490><a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="小图片地址5" border=0></MARQUEE>
<P></P> 
</MARQUEE></TD></TR></TBODY></TABLE></DIV>

 

 

 四、在背景图片上添加多张摆动的蒙板图片

  

引用 ☆使用HTML语言代码之精彩实例 - 雪劲松 - 雪劲松的博客
代码:

<P align=center><BR>&nbsp;</P>
<DIV align=center>
<TABLE borderColor=#cd5c5c height=610 width=490 align=center border=3>
<TBODY>
<TR>
<TD background=背景图片地址>
<a target="cont" href="http://lql00399.blog.163.com/">
<MARQUEE style="WIDTH: 490px; HEIGHT: 610px" scrollAmount=3 direction=down behavior=alternate height=238>
<MARQUEE style="WIDTH: 490px; HEIGHT: 248px" scrollAmount=3 behavior=alternate width=238>
<a target="cont" href="http://lql00399.blog.163.com/">
<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 267px; HEIGHT: 253px" height=355 src="小图片地址1" width=300></MARQUEE>
<P style="TEXT-INDENT: 2em">
<MARQUEE style="WIDTH: 490px; HEIGHT: 238px" scrollAmount=3 direction=down behavior=alternate height=238>
<MARQUEE style="WIDTH: 490px; HEIGHT: 238px" scrollAmount=3 behavior=alternate width=499>
<a target="cont" href="http://lql00399.blog.163.com/">
<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 264px; HEIGHT: 242px" height=238 src="小图片地址2" width=300></MARQUEE>
<P></P></MARQUEE></P></MARQUEE></TD></TR></TBODY></></TABLE>

 

 
几个常用的HTML语句:
图片右移200像素:<P style="TEXT-INDENT: 20em">
图片由左向右移动:direction=left
图片由右向左移动:direction=right
图片由下向上移动:direction=up
读片由上向下移动:direction=down
图片在宽度为490像素;高度750像素的范围内飘动:behavior=alternate width=490   height=750
图像水平反转:style="FILTER: FlipH"
图片的运行速度:scrollAmount=8
  评论这张
 
阅读(322)| 评论(19)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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