郑嘉颖和佘诗曼:各种移动图片代码汇编★玩转博客★ 2010-01-26 10:43:14 阅读4467 评论12 字号：大中小 订阅

来源：百度文库 编辑：九乡新闻网 时间：2024/04/27 13:17:50
各种移动图片代码汇编
★玩转博客★ 2010-01-26 10:43:14 阅读4467 评论12   字号：大中小
 
点击进入教你玩转博客:从入门到精通！
http://wx-008.blog.163.com/一、向左移动
从右向左移动
示例：

 
从右向左移动
二、向右移动

从左向右移动
示例：

 
从左向右移动
三、向上移动

向上移动

示例：
向上移动
 

四、向下移动
向下移动

示例：
向下移动
 

五、来回移动

来回移动
示例：

 
来回移动
六、上下起伏

示例：
 
screen.width-333)this.width=screen.width-333&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}">
screen.width-333)this.width=screen.width-333&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}">
七、中间向两边移动：


中间向两边移动
中间向两边移动

示例：

 
中间向两边移动

 
中间向两边移动
八、中间相对上下移动：
代码：

示例：
 
screen.width-333)this.width=screen.width-333&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}">
 
screen.width-333)this.width=screen.width-333&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}&13;&10;}">
.几种图片移动移动代码:
效果1：
vior=slide width=330 height=371>vior=slide width=330 height=371>
 

代码:效果1

效果2
 

代码:效果2

效果3：
 

代码:效果3

效果四：
 

代码:效果4

效果五：
 

代码:效果5

效果六：
 

代码:效果6

效果七：

代码:效果7

效果八：
 

代码:效果8

效果9：
 





 





代码:效果9











效果10：
 





 





代码:效果10











图片对开移动：


注: 各参数详解：
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(幻灯片效果，指的是滚动一次，然后停止滚动)
点击进入教你玩转博客:从入门到精通！
各种移动图片代码汇编★玩转博客★ 2010-01-26 10:43:14 阅读4467 评论12 字号：大中小 订阅 ★玩转博客★各种移动图片代码汇编 各种移动图片代码汇编★玩转博客★ QQ不为人知的使用技巧电脑技巧 2008-10-07 01:43:00 阅读2274 评论10 字号：大中小 订阅 面痣铁断（转）个人日记 2010-05-10 09:08:24 阅读22 评论0 字号：大中小 订阅 看看吧，母亲的一生为我们做了什么？感悟人生 2010-01-06 08:43:54 阅读319 评论14 字号：大中小 订阅 . 博客技巧汇总博客技巧 2009-03-03 10:53:35 阅读2566 评论5 字号：大中小 订阅 奇丽格制作动画的方法博客技巧 2010-10-20 11:35:46 阅读23 评论0 字号：大中小 订阅 转】‘五角星’的来历 默认分类 2011-03-28 16:48:08 阅读26 评论0 字号：大中小 订阅 十分钟学号脉医学书籍 2011-05-25 14:34:21 阅读12 评论0 字号：大中小 订阅 . 注意力训练方法培训课程 2010-12-17 17:22:38 阅读311 评论6 字号：大中小 订阅 . a直接在图片上写文字博客制作(图片类) 2008-02-19 13:16:25 阅读3958 评论34 字号：大中小 订阅 . NVIDIA / ATI 显卡型号命名规则、后缀名解释IT 2010-01-10 15:49:00 阅读60 评论0 字号：大中小 订阅 . 一、nVIDIA显卡命名规律 nVI 财神爷图片，太美了！【见者得财】美景美图 阅读2102 评论45 字号：大中小 订阅 你一定用得上的常识（五） - 香儿的日志 - 网易博客2010-11-04 19:37:33 阅读3508 评论51 字号：大中小 订阅 【美图】树上的鸟儿成双对图图素材 2010-03-01 08:33:48 阅读1408 评论6 字号：大中小 订阅 ps制作美女眼睛活动的动画【原】ps教程 2010-02-01 20:17:37 阅读462 评论17 字号：大中小 订阅 . 音乐12（60首）超级流行，最新歌曲，简谱视频金博志音乐 2011-01-29 19:33:19 阅读115 评论0 字号：大中小 订阅 . .【原创】健康知识大全(值得收藏)　●医疗保健 2010-07-14 11:35:46 阅读43233 评论548 字号：大中小 订阅 . 图片各种移动代码汇编 图片各种移动代码汇编 图片各种移动代码汇编 图片各种移动代码汇编 图片各种移动代码汇编