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

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

<div style="text-align :center" >

<p>我是居中</p>

</div>

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

3.图片翻滚效果：

使用onmouseover=" 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

6.