都市小说大神之作:多图滚动加链接的制作方法

来源:百度文库 编辑:中财网 时间:2024/05/02 06:43:20
2011-06-02 15:47:04|  分类:博客制作(图片类) |  标签: |字号大中小
 

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








一、静态式多张图片的链接方法.
下面的效果图是本人博客日记 《看看你,11兔年运势如何?》一文中的一组十二生肖图片.你可以任意点击一张生肖图片,即可进入查看对应生肖2011年的运程情况.
子鼠丑牛寅虎卯兔辰龙巳蛇午马未羊申猴酉鸡戌狗亥猪
二、多张滚动图片的链接方法:
1、如果我们给上述静态不动的图片加上一段滚动及链接代码,那十二张生肖图片就可以滚动起来; 点击任一张生肖图即可进入相对应的被链接页面:
子鼠丑牛寅虎卯兔辰龙巳蛇午马未羊申猴酉鸡戌狗亥猪
2、为了编写教程的方便,仅以二张图片滚动加链接;来讲解其代码的构成:
先看一下效果图:
戌狗亥猪
原始代码如下:










戌狗

亥猪

3、此时想做三张或更多张图片滚动加链接呢?只要将下面这段代码加入到上述代码中即可;

需要添加的文字


4、说明:红色处"需要添加的文字"尽量少些,以2-5为佳;当然也可不添加文字,那该代码为:


(注:将该代码加入原代码中时,必须同时将原代码中的:
戌狗
去掉,否则做出的滚动效果将出现问题;注意这一点就行;)
5、将添加的代码预先编辑好,然后复制粘贴在原代码第一处的的后面即可;依次类推;
6、其它代码不变;但选用的图大小要一致,可适当修改原代码中的图片宽(width)、高(height)数值;