加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

单张图片向右、向左、向上、向下移动的代码

(2009-07-07 13:50:14)
标签:

html

代码运用

图片移动

美化博客

电脑操作笔记

教育

分类: 电脑操作笔记

单张图片移动的代码

 一.图片从左向右移动的代码.

<marquee scrollamount=5 direction=right>
<img src=
http://s8.sinaimg.cn/bmiddle/503ff9deg6e15f01bfae7&690>
</marquee>

  关键语句:direction=right 从左向右移动指令.

效果图如下:

单张图片向右、向左、向上、向下移动的代码

 二.图片从左向右移动的代码.

<marquee scrollamount=5 direction=left><img src=http://s8.sinaimg.cn/bmiddle/503ff9deg6e15f01bfae7&690>
</marquee>

  关键语句:direction=right 从右向左移动指令.

效果图如下:

单张图片向右、向左、向上、向下移动的代码

 三.图片从下向上移动的代码.

<marquee  scrollAmount=3  direction=up><img src=http://s8.sinaimg.cn/bmiddle/503ff9deg6e15f01bfae7&690 width=200 height=160></marquee>
  关键语句:direction=up 从下向上移动指令.

效果图如下:

单张图片向右、向左、向上、向下移动的代码

 

 .图片从上向下移动的代码.

<marquee  scrollAmount=3  direction=down><img src=http://s8.sinaimg.cn/bmiddle/503ff9deg6e15f01bfae7&690 width=200 height=160></marquee>
  关键语句:direction=down 从上向下移动指令.

显示效果:

单张图片向右、向左、向上、向下移动的代码

【代码说明】

scrollAmount移动速度,数值越大,速度越快;direction是移动方向,width图片的宽度;height图片要移动的上下距离;src=http://s8.sinaimg.cn/bmiddle/503ff9deg6e15f01bfae7&690>是图片地址

【代码运用于博客的操作方法】

复制您所需要的代码(用鼠标拖黑,按右键,点击【复制】),到您博客的编辑界面,在【显示源代码】前打钩后,将复制的这一段代码粘贴在博文的编辑界面(鼠标放在博文的编辑界面,按右键,点击【粘贴】)然后将我上传的图片地址(蓝颜色的那一段)更改为您要上传的图片地址,点击预览可看到效果,最后点击【发博文】即可。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

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

新浪公司 版权所有