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

丑狼的博客

原创作品 版权所有

 
 
 

日志

 
 
关于我

大学本科学历,爱好文学。一九八三年发表小说处女作《骨气》。之后发表过散文诗歌。2010年步入网络,开始网络文学创作。散文《童年轶事》在2011年参加首届“大礼堂杯”怀旧故事大奖赛中获入围奖。

【引用】多图重叠移动代码  

2011-06-14 18:03:19|  分类: 丑狼学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自娟子《多图重叠移动代码》

 一·多图重叠移动代码

 

效果图:

多图重叠移动代码 - 娟子 - 海之女 多图重叠移动代码 - 娟子 - 海之女

  

效果图代码:

<TABLE borderColor=#ff0000 cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #ff0000 20px inset; BORDER-TOP: #ff0000 20px inset; BORDER-LEFT: #ff0000 20px inset; BORDER-BOTTOM: #ff0000 20px inset">
<TABLE borderColor=#ff0000 cellSpacing=3 cellPadding=0 align=center background=http://img623.ph.126.net/t1QHGLcSkvuWLdKzc_plgA==/1679279711057239386.jpg border=2>
<TBODY>
<TR>
<TD background=http://img623.ph.126.net/t1QHGLcSkvuWLdKzc_plgA==/1679279711057239386.jpg>
<MARQUEE scrollAmount=1 scrollDelay=30 direction=right width=120><IMG height=320 src="
http://img624.ph.126.net/bXLwwEEm04to0uezEUwwzA==/1715871458029995487.jpg" width=240></MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=30 width=120><IMG height=320 src="
http://img624.ph.126.net/dMZhnzadkEwbfx9yJrnNFQ==/1715871458029995491.jpg" width=240></MARQUEE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>

 

 【红色是闪烁边框图片地址,紫色底图地址,绿色是左侧移动图片地址,蓝色右侧移动图片地址】

 

原始代码:

<TABLE borderColor=#ff0000 cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #ff0000 20px inset; BORDER-TOP: #ff0000 20px inset; BORDER-LEFT: #ff0000 20px inset; BORDER-BOTTOM: #ff0000 20px inset">
<TABLE borderColor=#ff0000 cellSpacing=3 cellPadding=0 align=center background=闪烁边框图片地址 border=2>
<TBODY>
<TR>
<TD background=底图地址>
<MARQUEE scrollAmount=1 scrollDelay=30 direction=right width=120><IMG height=320 src="左侧移动图片地址" width=240></MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=30 width=120><IMG height=320 src="右侧移动图片地址" width=240></MARQUEE></TD></TR></TBODY></TABLE>

 


二·多张透明图片滚动效果

多图重叠移动代码 - 娟子 - 海之女 多图重叠移动代码 - 娟子 - 海之女 多图重叠移动代码 - 娟子 - 海之女 多图重叠移动代码 - 娟子 - 海之女 多图重叠移动代码 - 娟子 - 海之女

 

效果图代码:

<TABLE style="BORDER-RIGHT: rgb(102,153,153) 8px dotted; BORDER-TOP: rgb(102,153,153) 8px dotted; BORDER-LEFT: rgb(102,153,153) 8px dotted; BORDER-BOTTOM: rgb(102,153,153) 8px dotted" width=400 align=center background=http://img.ph.126.net/QnknuhWgb_ZIckTVQJ35OA==/3266798579704314639.jpg border=1>
<TBODY>
<TR>
<TD width=400>
<MARQUEE scrollAmount=2><IMG style="FILTER: Alpha(Opacity=70)" height=500 src="
http://img.ph.126.net/sZPII4aqiwAYYrdeQynGNA==/2377619128275246313.jpg" width=400> <IMG style="FILTER: Alpha(Opacity=70)" height=500 src="http://img311.ph.126.net/iDgHs9bQS4NRnpcsX4cMTQ==/2636576106849694676.jpg" width=400> <IMG style="FILTER: Alpha(Opacity=70)" height=500 src="http://img.ph.126.net/68noJyAoey7TAxh55TcE2Q==/2321042657956487593.jpg" width=400> <IMG style="FILTER: Alpha(Opacity=70)" height=500 src="http://img153.ph.126.net/PJYT0ufQfbqn3fhFH7sGwQ==/3035144673872604385.jpg" width=400> <IMG style="FILTER: Alpha(Opacity=70)" height=500 src="http://img851.ph.126.net/51UIr-_W8AMWktVBaCBS9Q==/592504825977186915.jpg" width=400></MARQUEE></TD></TR></TBODY></TABLE>

【红色是照片地址】

 


三·向两边滚动的移动效果

娟子 娟子

 

效果图代码:

<TABLE style="BORDER-RIGHT: rgb(255,51,0) 8px dotted; BORDER-TOP: rgb(255,51,0) 8px dotted; BORDER-LEFT: rgb(255,51,0) 8px dotted; BORDER-BOTTOM: rgb(255,51,0) 8px dotted" height=350 cellSpacing=0 cellPadding=0 width=557 align=center background=http://img466.ph.126.net/4y3d2WJW4er_EPf74346oA==/180988410025141637.jpg border=0>
<TBODY>
<TR>
<TD width=293>
<MARQUEE scrollAmount=2><IMG title=娟子 height=350 alt=娟子 src="
http://img234.ph.126.net/lqRBRIpu2T3NA77LFVFZag==/1399212109230203903.jpg" width=557 border=0></MARQUEE></TD>
<TD width=293>
<MARQUEE scrollAmount=2 direction=right><IMG title=娟子 style="FILTER: fliph" height=350 alt=娟子 src="
http://img234.ph.126.net/lqRBRIpu2T3NA77LFVFZag==/1399212109230203903.jpg" width=557 border=0></MARQUEE>

绿色是背景图地址,红色的是图片地址】

  评论这张
 
阅读(119)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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