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

沧海月明珠有泪,蓝田日暖玉生烟

此情可待成追忆,只是当时已惘然

 
 
 

日志

 
 

图片各种移动代码汇编及示例  

2010-12-15 08:45:00|  分类: ◆博客代码◆ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

   图片各种移动代码汇编及示例

一、向左移动
示例:

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

 

二、向右移动
示例:

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

 

三、向上移动

示例:

 


图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

 

 

 四、向下移动
示例:

 

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

 


五、来回移动
示例:

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

  六、中间向两边移动:
示例:


图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

 、上下起伏

示例:

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟
 

八.图片对开移动:

  示例:

图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟 图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟 图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟 图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟
 

一、向左移动

代码:

<BR></DIV></STRONG>
<DIV class=ns_content align=left>
<P>
<MARQUEE><IMG style="WIDTH: 405px; HEIGHT: 707px" height=31 src="替换你的图片地址" width=88><BR></MARQUEE></P>
二、向右移动

代码:

<MARQUEE style="WIDTH: 692px; HEIGHT: 557px" direction=right><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90><BR></MARQUEE></P>
三、向上移动

代码:
<MARQUEE scrollAmount=2 direction=up>
<CENTER><BR><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90></CENTER></MARQUEE></P>
<P>&nbsp;</P>
四、向下移动

代码:
<MARQUEE scrollAmount=5 direction=down>
<CENTER><IMG style="WIDTH: 343px; HEIGHT: 603px" height=52 src="替换你的图片地址" width=149></CENTER></MARQUEE></P>
<P><BR></P>
<P><BR><BR><FONT style="FONT-SIZE: 22px" face=仿宋_gb2312 color=#ff00ff size=5><B>&nbsp;&nbsp;&nbsp;&nbsp;</B></FONT></P>
五、来回移动

代码:
<MARQUEE style="WIDTH: 100%; HEIGHT: 524px" scrollAmount=10 behavior=alternate width="100%"><IMG style="WIDTH: 363px; HEIGHT: 520px" height=64 src="替换你的图片地址" width=172><BR></MARQUEE></P>
<P><FONT style="FONT-SIZE: 22px" face=仿宋_gb2312 color=#ff00ff size=5><STRONG>&nbsp; </STRONG>
六、中间向两边移动

代码:
<CENTER><BR>
<MARQUEE width=220 height=50><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90><FONT style="FONT-SIZE: 22px" face=华文彩云 color=#0000ff size=5><BR></FONT></MARQUEE>
<MARQUEE direction=right width=220 height=50><FONT style="FONT-SIZE: 22px" face=华文彩云 color=#0000ff size=5><BR><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90><BR></FONT></MARQUEE>
七、上下起伏
代码:
<CENTER>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=2 behavior=alternate width=630 height=471>
<MARQUEE scrollAmount=2 direction=up width=398 height=547><IMG src="替换你的图片地址" border=0></MARQUEE></MARQUEE></P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
八.图片对开移动
 代码:
<P style="TEXT-INDENT: 2em">
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD></TR></TBODY></TABLE></P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>

 

注: 各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

 

 不会使用代码的,请点这里图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟博客入门--新浪博客代码怎么用  

         图片各种移动代码汇编及示例 - birxup - 沧海月明珠有泪,蓝田日暖玉生烟

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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