一步一步学代码---图片加工(运动的图片)[连载10]

没起名 2007-9-17 1355

二 图片加工
3 运动的图片
(1)单一图片
以由下向上运动的图片为例加以说明。




代码如下:
<CENTER><MARQUEE scrollAmount=2 direction=up height=550 align="center" scrolldely="10"><CENTER><IMG src="http://img1.qq.com/news/20040606/315742.jpg"></CENTER></MARQUEE></CENTER>
其实很简单!你只需在选择HTML的情况下,加入以下代码就可以轻松实现。
注1:图片地址是指图片在网上的真实地址(例如下列图片的地址是:http://www.8q8.cn/UploadFile/2005-12/2005122214231212319.gif) 。
注2:代码中的参数可以自行设置,最主要的几个参数是:
a.高度(height)-你可以根据图片大小来设置合适的数值;
b.方向(direction)-向上(up);向下(down);向左(left);向右(right).
c.移动速度(srcollamount)写入的数字越大速度越快。
d.滚动延时scrolldely(ms)一般取10

注1:图片地址是指图片在网上的真实地址(例如下列图片的地址是:http://www.8q8.cn/UploadFile/2005-12/2005122214231212319.gif) 。
注2:代码中的参数可以自行设置,最主要的几个参数是:
a.高度(height)-你可以根据图片大小来设置合适的数值;
b.方向(direction)-向上(up);向下(down);向左(left);向右(right).
c.移动速度(srcollamount)写入的数字越大速度越快。
d.滚动延时scrolldely(ms)一般取10

注1:图片地址是指图片在网上的真实地址(例如下列图片的地址是:http://www.8q8.cn/UploadFile/2005-12/2005122214231212319.gif) 。
注2:代码中的参数可以自行设置,最主要的几个参数是:
a.高度(height)-你可以根据图片大小来设置合适的数值;
b.方向(direction)-向上(up);向下(down);向左(left);向右(right).
c.移动速度(srcollamount)写入的数字越大速度越快。
d.滚动延时scrolldely(ms)一般取10
(2)多个图片
也就是使几个图片连在一起的运动。以图片由右向左运动为例加以说明:







代码如下:
<CENTER><MARQUEE scrollAmount=2 height=375 align="center" scrolldely="10"><CENTER><IMG src="http://img1.qq.com/news/20040606/315742.jpg"><IMG src="http://img1.qq.com/news/20040606/315746.jpg"><IMG src="http://img1.qq.com/news/20040606/315710.jpg"><IMG src="http://img1.qq.com/news/20040606/315712.jpg"><IMG src="http://img1.qq.com/news/20040606/315713.jpg"><IMG src="http://img1.qq.com/news/20040606/315736.jpg"><IMG src="http://img1.qq.com/news/20040606/315742.jpg"></CENTER></MARQUEE></CENTER>
由上面可看出:只是在<CENTER>与</CENTER>之间添加了几个格式相同而只有地址不同的图片而已!这些图片前后是连着的,若要使其有间隔,这只须在没两个之间加空格就行;若几个图片的高度不一样,这要在每个图片上加上它的高度!
小技巧:使图片左右相反
原图片:

用了下面的代码后:
<TABLE style="FILTER: fliph" height=460 width=640 align=center background=http://www.imagesite.cn/pic/wsmb0618/40b.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>





练习:自己选择一个图片,使图片动起来;
熟能生巧,要多加练习哦!


BR
最新回复 (0)
    • 文学风原创文学网站 | 分享原创乐趣
      2
        立即登录 立即注册
返回