打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
侧边栏多图片向上滚动代码










修改过的代码如下:

 <P> </P>
<MARQUEE scrollAmount=2 scrollDelay=90 direction=up width="100%" height=200><IMG src="http://s16.sinaimg.cn/small/5e90390bt6b816141b1df&690" border=0> <BR><IMG src="http://s14.sinaimg.cn/small/5e90390bt6b816141dbfd&690" border=0> <BR><IMG src="http://s6.sinaimg.cn/small/5e90390bt6b8161515865&690" border=0> <BR><IMG src="http://s4.sinaimg.cn/small/5e90390bt6b8161517633&690" border=0> <BR><IMG src="http://s10.sinaimg.cn/small/5e90390bt6b816151a109&690" border=0> <BR><IMG src="http://s9.sinaimg.cn/small/5e90390bt6b816151c458&690" border=0> <BR><IMG src="http://s16.sinaimg.cn/small/5e90390bt6b816151f6ff&690" border=0> <BR><IMG src="http://s6.sinaimg.cn/small/5e90390bt6b8161515865&690" border=0> <BR><IMG src="http://s4.sinaimg.cn/small/5e90390bt6b8161517633&690" border=0> <BR><IMG src="http://s16.sinaimg.cn/small/5e90390bt6b816151f6ff&690" border=0> <BR></MARQUEE>

 

 

 如果您想换成您自己的照片或喜欢的图片,请使用以下原始代码

 

原始代码如下:

 

<marquee direction=up height=200 scrollamount=1 scrolldelay=90
      width="100%"> <img border=0
      src="图片1"> <br>
      <img border=0
      src="图片2">
      <br>
<img border=0
      src="图片3"> <br>
      <img border=0
      src="图片4">
      <br>
<img border=0
      src="图片5"> <br>
      <img border=0
      src="图片6">
      <br>
<img border=0
      src="图片7"> <br>
      <img border=0
      src="图片8">
      <br>
 

<img border=0
      src="图片9"> <br>
      <img border=0
      src="图片10">
      <br>

  </marquee>

 

 

 代码说明:

 

1、其中的“图片1”“图片2”……“图片10”分别是你图片的地址,要用你的图片地址来粘帖。

2、图片要求宽180为宜。

3、scrollamount=1 为图片移动的速度,数字越大图片移动的速度越快!
 
 

向上移动
 

<P> </P>
<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=5 direction=up>
<CENTER><IMG height=100 src="http://s16.sinaimg.cn/middle/5e90390bt6b065650dfdf&690&690&690" width=90></CENTER></MARQUEE> 

 向下移动

<P> </P>
<MARQUEE scrollAmount=5 direction=down>
<CENTER><FONT face=华文行楷 color=#0000ff size=5><B>向下移动</B></FONT><BR><IMG height=100 src="http://s16.sinaimg.cn/middle/5e90390bt6b065650dfdf&690&690&690" width=90></CENTER></MARQUEE>

向下移动
 

 <P> </P>
<MARQUEE direction=right><IMG height=100 src="http://s16.sinaimg.cn/small/5e90390bt6b065650dfdf&690width=90"><BR><FONT face=宋体 color=#0000ff size=3><B>从左向右移动</B></FONT></MARQUEE> 


从左向右移动

 

<P> </P>
<marquee><img src=http://s16.sinaimg.cn/small/5e90390bt6b065650dfdf&690width=90><br>从右向左移动</marquee>

 

 


从右向左移动

 

注: 各参数详解
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(幻灯片效果,指的是滚动一次,然后停止滚动)

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
多图片滚动技巧和代码
小图可放大连续滚动图片【实用代码】
向上滚动图片的代码
上下滚动图片的代码 (转载
图片特效 图片向上滚动代码
代码学习群简易教程(10)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服