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

洞庭风帆

 
 
 

日志

 
 
关于我

从军校到部队,造就了军人的性格,从工厂到机关,完善了人生的历练。 岁月如歌,人生磋砣。“长风破浪会有时, 直挂云帆济沧海”!

网易考拉推荐

引用 使用HTML语言代码「回复留言」之精彩实例  

2009-01-11 22:35:39|  分类: 博海拾贝 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 引用 阳光☆使用HTML语言代码「回复留言」之精彩实例

 

       首先阳光介绍使用「HTML语言代码」在「留言栏里」回复图片的方法:

 

(一)、点击好友留言下面的「回复」,如下图:

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

(二)、复制你要回复的HTML语言代码,粘贴到展开的对话框内,如下图:引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

(三)、点击「确定」,完成你对好友的留言回复,如下图:如果不满意可再点击「修改此回复」,然后再点击「确定」。

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

       下面介绍的是使用「HTML语言代码」进行「留言回复」常用的几种样式,仅供大家参考。

 

一、蒙板、倒影图片样式:

 <P style="TEXT-INDENT: 2em" align=center>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=750 cellSpacing=5 cellPadding=5 width=500 border=7 table>
<TBODY>
<TR>
<TD>
<TABLE height=750 width=500 background=图片地址>
<TBODY>
<TR>
<TD>
<MARQUEE style="WIDTH: 500px; HEIGHT: 216px" scrollAmount=1 scrollDelay=200 direction=down behavior=alternate height=416><A href="http://lql00399.blog.163.com/" target=_blank>
<MARQUEE style="WIDTH: 500px; HEIGHT: 216px" scrollAmount=1 scrollDelay=200 direction=down behavior=alternate height=416></MARQUEE></A></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

 

 效果如下图:

 

 二、左右连续摆动的图片:

<P align=center>
<marquee behavior=alternate>
<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址1" border=0>
<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址2" border=0>
<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址3" border=0>
<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址4" border=0>
<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址5" border=0>
</a> </marquee> 

 

 效果如下图:

 

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

 三、在背景图片上添加三张摆动的小图片:

<TABLE borderColor=#cd5c5c height=350 width=490 align=center border=3>
<TBODY>
<TR>
<TD width=440 background="背景图片地址'">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=320>
<MARQUEE scrollAmount=3 behavior=alternate width=440><IMG src="小图片地址1" border=0>
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址2" border=0>
<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址3" border=0></MARQUEE>
<TABLE borderColor=#cd5c5c height=350 width=540 align=center border=3>
<TBODY>
<TR>
<TD width=440 background="背景图片地址">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=320>
<MARQUEE scrollAmount=3 behavior=alternate width=440><IMG src="小图片地址1" border=0>
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址2" border=0>
<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址3" border=0></MARQUEE>
<P></P></MARQUEE></P>

 

 效果如下图:

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客
引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

 

 

 

 

 

四、在背景图片添加多张透明的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>

 

 效果如下图:

 
 

 

 

 五、在背景图片上添加两张“关门式移动”的图片:

<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=400 align=center><TBODY>
<TR>
<TD background=背景图片地址 border=0> <TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<MARQUEE scrollAmount=3 scrollDelay=30 direction=right width=200> <a target="cont" href="http://lql00399.blog.163.com/"> <IMG src="移动图片地址" border=0></a></MARQUEE>
<MARQUEE scrollAmount=3 scrollDelay=30 width=200> <a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="移动图片地址" border=0></a></MARQUEE>
</TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

 效果如下图:

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

 

 六、在背景图片上添加多张“百叶窗式移动”的图片:

<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=490 align=center>
<TBODY>
<TR>
<TD background=背景图片地址  border=0>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="移动图片地址" border=0></a></MARQUEE>
<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="移动图片地址" border=0></a></MARQUEE>
<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="移动图片地址" border=0></a></MARQUEE>
<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">
<IMG src="移动图片地址" border=0></a></MARQUEE>
</TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

效果如下图:

 

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

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

<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语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客 引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

 八、红色相框中单张摆动的图片:

<P align=center><BR>&nbsp;</P>
<DIV align=center>
<CENTER>
<TABLE borderColor=#cd5c5c height=426 width=490 align=center border=3>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=3 width=490 bordercolor=0000ff background= border=1>
<TR><TD>
<marquee behavior=alternate>
<a target="cont" href="http://lql00399.blog.163.com/"> <img src="图片地址" width="640" height="426" border="0"></a>
</marquee></TD></TR></TABLE>

 

效果如下图:
 

引用 ☆使用HTML语言代码「回复留言」之精彩实例 - 无瑕52938594 - wuxia52938594的博客

 

 
                                     以上八种样式仅供参考,不足之处阳光愿同大家共同学习研究。
 
几个常用的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
 
 
             阳光编写
 
 
 
 
  评论这张
 
阅读(37)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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