css &js 53 再看水平居中轮播图片

来源：榕意旅游网

1. div具有align属性, 规定了文本的水平对齐方式, 将元素下面的内联元素居中显示

</div>

2. <center>是将所有被包含的元素都居中显示，例子就是黄色div是block块元素，用text-align：center没用，居左；下面的用<center>会居中。

3.图片翻滚效果：

使用οnmοuseοver=" this.src =' xxxx ' " 以及onmouseout -" this.src =' xxxx ' "

两个动作改变<img>的src属性

这种方法响应很慢

4.因此需要用IMAGE（）构造函数来创建一个图片对象，虽然暂时不可见，但是浏览器会加载图片并缓存起来

<scipt> ( new Image( ) ).src = "xxxxx"; </script>

<img src=.....onmouseover...

5. <img>元素支持data-rollover属性,

<img src = " xxxxxx" data-rollover= " rollover_image.png "> //此模块以来onLoad.js -->见书 p608

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

css &js 53 再看水平居中 轮播图片