加载中…
个人资料
周红青
周红青
  • 博客等级:
  • 博客积分:0
  • 博客访问:4,787,269
  • 关注人气:8,729
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

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

(2010-12-15 08:45:26)
标签:

图片移动代码

博客代码

博客特效

周红青

博客装饰大全

杂谈

分类: ◆博客代码◆

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

一、向左移动
示例:

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

 

二、向右移动
示例:

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

 

三、向上移动

示例:

 


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

 

 

 四、向下移动
示例:

 

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

 


五、来回移动
示例:

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

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


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

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

 、上下起伏

示例:

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

八.图片对开移动:

  示例:

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

一、向左移动

代码:

<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(幻灯片效果,指的是滚动一次,然后停止滚动)

 

 不会使用代码的,请点这里339458821913404769博客入门--新浪博客代码怎么用  

         [转载]【教程】最新滚动图片代码大全及示例--下集(超震撼)

0

阅读 评论 收藏 禁止转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有