重庆市就业指导中心:如何让图片动起来
来源:百度文库 编辑:九乡新闻网 时间:2024/04/19 13:47:03
2009-05-23 17:58:13| 分类:博客制作技巧 阅读5628 评论43 字号:大中小
图片移动代码集锦新编
Good fun编辑
首先你把你准备好的图片点击日志功能菜单上的插图按钮,上传到日志(你相册或者其他允许外链的网站图片,不上传直接获取图片地址亦可)。
就像下面这张素材:
为什么上传图片到日志呢?图片只有上传到网络,才能有图片地址,上传的图片的地址获取如下:
接下来看一个图片滚动效果:
这是基本滚动代码,是向左滚动的,那么如果想设置滚动的方向,那么就只要在代码第一个“MARQUEE”后面添加一个滚动的方向属性即可:
滚动属性
向上(direction=up) 向下(direction=down) 向左(direction=left) 向右(direction=right)
behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回
下面我们就复制其中一个属性,例如向上滚动(direction=up),那么我们复制“direction=up”粘帖到代码中,得代码如下:
效果如下:
看到这个效果你会发现,在向上滚动的时候,看到整个图片显示的时间比较短,那是因为滚动区域的高度是和图片一样的(都是300),所以我们要改一下height后面的数值(注意,这里有两个height=300,我们要改滚动区域的高度数值,红色那个,所有竖着走的都得改),我们改成height=500,这里我们横着不走,所以把宽度的滚动区域不用600了,改成和图片大小一样400好了,改好后代码如下:
效果如下:
好了,各个属性可以根据你自己的需要,添加更换即可!这里就不一一说了,滚动的速度等,你也可以自己设置!
左右来回走代码:
左右来回走效果如下:
上下来回走代码如下:
上下来回走效果:
下面我们来讲一下移动羽化图片代码:
上面代码效果如下:
这是一个左右来回走动加圆形羽化的效果,你可以更改各个属性来设置你喜欢的效果,Goodfun这里就不一一细说了!
下面讲一下,移动图片加链接的代码:
Goodfun代码说明:
仔细看上面的代码跟刚才那个圆形左右来回移动图片代码就多了红色的文字,这个就是链接的属性!斜体红色字就是点击图片后去到的网页地址,换成你自己的链接地址!“target=-blank”是指打开你设置的链接网页的时候是另开窗口(即不关闭当前网页),删除它,就是本窗口打开链接(即关闭当前的网页)
效果如下(效果和不加链接一下,只是这里你点击移动图片就去到了我的博客首页: http://kaixinhaoren99.blog.163.com
关于滚动方向,羽化形状等设置同上!不再重复!自己去慢慢尝试,有问题给我留下评论交流!今天就先到这里,有时间再和大家交流多张图片并着或者上下并着滚动,在上面加flash及让图片在图片上或者flash,视频上滚动的代码!
',1)">
博客制作IT技巧博客素材PS教程U5教程视觉大餐
情感诉说flash总汇日志边框博客游戏美女赏析情感攻略
博客装扮音画素材给Goodfun留言交流 星座测试flash音画
图片移动代码集锦新编
Good fun编辑
首先你把你准备好的图片点击日志功能菜单上的插图按钮,上传到日志(你相册或者其他允许外链的网站图片,不上传直接获取图片地址亦可)。
就像下面这张素材:
为什么上传图片到日志呢?图片只有上传到网络,才能有图片地址,上传的图片的地址获取如下:
接下来看一个图片滚动效果:
这是基本滚动代码,是向左滚动的,那么如果想设置滚动的方向,那么就只要在代码第一个“MARQUEE”后面添加一个滚动的方向属性即可:
滚动属性
向上(direction=up) 向下(direction=down) 向左(direction=left) 向右(direction=right)
behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回
下面我们就复制其中一个属性,例如向上滚动(direction=up),那么我们复制“direction=up”粘帖到代码中,得代码如下:
效果如下:
看到这个效果你会发现,在向上滚动的时候,看到整个图片显示的时间比较短,那是因为滚动区域的高度是和图片一样的(都是300),所以我们要改一下height后面的数值(注意,这里有两个height=300,我们要改滚动区域的高度数值,红色那个,所有竖着走的都得改),我们改成height=500,这里我们横着不走,所以把宽度的滚动区域不用600了,改成和图片大小一样400好了,改好后代码如下:
效果如下:
好了,各个属性可以根据你自己的需要,添加更换即可!这里就不一一说了,滚动的速度等,你也可以自己设置!
左右来回走代码:
左右来回走效果如下:
上下来回走代码如下:
上下来回走效果:
下面我们来讲一下移动羽化图片代码:
上面代码效果如下:
这是一个左右来回走动加圆形羽化的效果,你可以更改各个属性来设置你喜欢的效果,Goodfun这里就不一一细说了!
下面讲一下,移动图片加链接的代码:
Goodfun代码说明:
仔细看上面的代码跟刚才那个圆形左右来回移动图片代码就多了红色的文字,这个就是链接的属性!斜体红色字就是点击图片后去到的网页地址,换成你自己的链接地址!“target=-blank”是指打开你设置的链接网页的时候是另开窗口(即不关闭当前网页),删除它,就是本窗口打开链接(即关闭当前的网页)
效果如下(效果和不加链接一下,只是这里你点击移动图片就去到了我的博客首页: http://kaixinhaoren99.blog.163.com
关于滚动方向,羽化形状等设置同上!不再重复!自己去慢慢尝试,有问题给我留下评论交流!今天就先到这里,有时间再和大家交流多张图片并着或者上下并着滚动,在上面加flash及让图片在图片上或者flash,视频上滚动的代码!
',1)">
博客制作IT技巧博客素材PS教程U5教程视觉大餐
情感诉说flash总汇日志边框博客游戏美女赏析情感攻略
博客装扮音画素材给Goodfun留言交流 星座测试flash音画
如何让图片动起来
让图片动起来吧.
让照片在图片中动起来~
让你的图片动起来
让照片在图片中动起来~
特简单代码让图片动起来
让照片在图片中动起来
让照片在图片中动起来~
语文课堂要如何让学生动起来
如何让图片动起来+图片链接移动代码 - Good fun的日志 - 网易博客
让照片在图片中动起来~1
让图片跟随你的鼠标动起来吧!
用特简单代码让图片动起来2
让你的图片动起来!!!!!(下雪效果)....
让照片在图片中动起来1456~
让文化“动”起来
如何让文章贴图动起来(音画教程)
如何让文章贴图动起来(音画教程)
让成就报道活起来动起来
让你的图片动起来--动画制作基础教程 (U5制作教程)有图片
让女人动起来才叫爽!
如何让文章贴图动起来,空间编辑文章必备(音画教程)
让你的图文动起来
让Word中的GIF图“动”起来