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

标签:
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
关键语句:direction=up 从下向上移动指令.
效果图如下:
<marquee
关键语句:direction=down 从上向下移动指令.
显示效果:
【代码说明】
scrollAmount移动速度,数值越大,速度越快;direction是移动方向,width图片的宽度;height图片要移动的上下距离;src=http://s8.sinaimg.cn/bmiddle/503ff9deg6e15f01bfae7&690>是图片地址
【代码运用于博客的操作方法】
复制您所需要的代码(用鼠标拖黑,按右键,点击【复制】),到您博客的编辑界面,在【显示源代码】前打钩后,将复制的这一段代码粘贴在博文的编辑界面(鼠标放在博文的编辑界面,按右键,点击【粘贴】)然后将我上传的图片地址(蓝颜色的那一段)更改为您要上传的图片地址,点击预览可看到效果,最后点击【发博文】即可。