这是一篇“美女轴画”,是一幅精美的特效移动画面。“美女轴画”设置了一个一行三列的表格。第一个单元格的内容是美女轴画的左画轴,第二个单元格的内容是美女轴画中间的移动图片,第三个单元格的内容是美女轴画的右画轴。
左画轴是用移动标签控制的四个水平翻转图片,移动屏幕的宽度为100px,还用两个表格设置了css的渐变滤镜样式,用css的绝对定位样式把这两个表格放置到了与左画轴的移动屏幕相同的位置上去,使移动图片成为卷轴的立体效果。
第二个单元格是用移动标签控制的四个图片,移动屏幕的宽度为800px。
第三个单元格是右画轴,内容基本上同第一个单元格,只不过不是水平翻转图片罢了。
老师的指点:
1、第二个单元格中间的移动画面:移动屏幕宽度是800,图片宽度是823。823是图片的实际宽度。
应该根据你选用的图片修改“823”这个数据。
2、表格的宽度:WIDTH: 3292px是下面的四个图片的宽度之和。
3、525px是移动屏幕的高,图片的高度最好和它统一。如果你选用的图片高度不是525px,就应该把这篇网页代码中的525都修改为你的图片高度。这样修改是挺麻烦的,弄不好,网页就会变形的。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。