css &js 53 再看水平居中 輪播圖片
阿新 • • 發佈:2019-01-10
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.