中国幻影忍者第五季:图中图移动的制作方法

来源:百度文库 编辑:偶看新闻 时间:2024/05/03 07:00:53
2011-06-02 14:54:18|  分类:博客制作(图片类) |  标签: |字号大中小
 

将向博客新手详细解讲制作过程
http://hdly006502.blog.163.com.
撰文:寒冬腊月








肖(猪)运程
原始代码如下:





 

(猪)运程


部分代码解析:
1、borderColor:表示图片边框颜色值;可点击下列文章:『颜色速查表』一文,选用不同的颜色;
 点击进入 → 颜色速查表
2、选好图片,将图片地址依次放进代码中;再复制全部代码然后放进代码框内即可;其中兰色图片地址为大图,红色图片地址为小图;
相关文章链接:
  点击进入 → 怎样正确找准图片的网址

  点击进入 → 所有代码的添加方法
3、scrollAmount:表示图片的滚动速度;可以根据操作需要进行适当修改;
4、direction:表示图片移动属性方向;left(向左), right(向右),up(向上),down(向下);可根据需要选用;
5、behavior:表示图片移动方式;scroll(一圈一圈), slide(只走一次), alternate(来回走);可根据需要选用;
6、opacity:表示小图片在大图片中的透明度(数值可修改);
7、其它代码不变;
下面的效果图,是本人将上述代码数值适当修改后得到的:

说明:
1、如果再在原代码中加入一段链接代码,你就可以点击小图进入你所指定的链接页面了;如下图;
2、你只要点击大图中的小图,即可进入我的博客主页;
点击小图进入