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

绝岭苍松

花甲之年 自娱自乐

 
 
 

日志

 
 

框中无间歇滚动图片代码及解析  

2012-08-18 09:08:06|  分类: 【综合代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 


 
图片在框中无间歇滚动示例
素材/网络 编辑/绝岭苍松
2012年08月14日 - 绝岭苍松 - 绝岭苍松

 




框中无间歇滚动图片代码解析<DIV align=center>
<TABLE id=table1 style="WIDTH: 620px; POSITION: relative; TOP: 0px" height=375 align=center>
<TBODY>
<TR>
<TD>

第一层表格为设定的容器,宽,高依据顶图的数值。

POSITION: relative :相对定位。 (对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置)

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 20px">
<MARQUEE scrollAmount=1 scrollDelay=50 direction=right behavior=alternate width=620 height=375>
<TABLE id=table2 height=375 width=5550 background=http://img6.ph.126.net/YcjYZlzkUJqDInKklsEdDw==/1585548543828318776.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV>

容器中的内容:style="LEFT: 0px; POSITION: absolute; TOP: 20px"定义目标的位置,居左,居上,POSITION: absolute为绝对定位。

<MARQUEE scrollAmount=1 scrollDelay=50 direction=right behavior=alternate width=620 height=375>目标滚动的参数,为设定滚动的速度 1;设定活动字幕滚动两次之间的延迟时间,(单位millisecond(毫秒)值大了会有一步一停顿的效果)

滚动方向向右;来回卷动方式;显示窗口宽,高(依据顶图)
第二层表格设定目标图片地址,既把目标设为背景。宽(5550解决连续不间歇),高。

第二层表格封闭。
<DIV style="LEFT: -70px; POSITION: absolute; TOP: 25px"><EMBED src=http://webdisk.yyjxkj.com/dllc/1常用flash/桃花落.swf width=640 height=375 type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 25px"><EMBED src=http://webdisk.yyjxkj.com/dllc/1常用flash/鸟横飞.swf width=640 height=350 type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></DIV>

窗口内加的FLASH动画。
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 20px"><IMG title="2012年08月14日 - 绝岭苍松 - 绝岭苍松" alt="2012年08月14日 - 绝岭苍松 - 绝岭苍松" src="
http://img1.ph.126.net/xpi2eyjXDfzps5gw6lrwVg==/1581044944201528991.gif"> </DIV></TD></TR></TBODY></TABLE></DIV>
覆盖顶图,居左,居上,绝对定位。第一层表格封闭。

  评论这张
 
阅读(26)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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