顶图代码1解析: 1、先设置一套表格标签(上面代码中的红色部分),表格的单元格中放置了六个图片标签。相邻的两个图片标签中,有一个图片标签添加了“左右翻转”图片代码filter: FlipH;" 。 2、在这一套表格标签的上面添加一个移动标签和一个块区标签,下面添加了移动标签和块区标签的尾标签。 3、块区标签是对顶图图片的定位。 4、用上面的代码1制作的顶图,两个图片的衔接处有不太明显的衔接痕迹。代码2添加了“左右翻转”图片代码,制作的顶图就美观多了。 5、在网络中寻找上你喜爱的图片,复制其地址,替换到“图片地址”处,即可制作出漂亮的移动顶图。 ![]() 代码2解析: 1、先设置一套表格标签(上面代码中的红色部分),表格的单元格中放置了六个动画图片标签。相邻的两个动画图片标签中,有一个图片标签添加了“左右翻转”图片代码filter: FlipH;" 。 2、在这一套表格标签的上面添加一个移动标签和一个块区标签,下面添加了移动标签和块区标签的尾标签。 3、块区标签是对顶图图片的定位。 4、动画图片标签中,要用embed代码,而不能用普通图片的img代码。 5、动画图片是网络中流行的一种图片,也是人人都喜爱的一种图片。用动画图片制作的移动顶图,其效果要比用普通图片制作的顶图漂亮多了。 ![]() 注意:替换图片,制作几幅移动顶图。替换图片以后,要修改上面图片标签中的宽度。宽度值的确定,最好是看你使用的图片高度变为280px以后缩小了多少倍,然后把宽度也缩小相同的倍数,求出其宽度值。高度一般不作太大幅度的修改。 |
|