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

雪劲松的博客

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

 
 
 

日志

 
 

HTML代码精彩举例(二)  

2012-09-28 16:46:10|  分类: 13-2、内容 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

 效果如下图:

 

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

代码:

<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语言代码之精彩实例 - 雪劲松 - 雪劲松的博客引用 ☆使用HTML语言代码之精彩实例 - 雪劲松 - 雪劲松的博客
 
代码:

<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语言代码之精彩实例 - 雪劲松 - 雪劲松的博客引用 ☆使用HTML语言代码之精彩实例 - 雪劲松 - 雪劲松的博客引用 ☆使用HTML语言代码之精彩实例 - 雪劲松 - 雪劲松的博客引用 ☆使用HTML语言代码之精彩实例 - 雪劲松 - 雪劲松的博客
代码:

<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>

  评论这张
 
阅读(187)| 评论(22)
推荐 转载

历史上的今天

评论

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

页脚

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