雖然,用jQuery實現(xiàn)banner圖的各種效果十分簡單快捷,但是我今天用css+js代碼實現(xiàn)了幾個banner圖的常用功能,效果還不錯。
此次,主要想實現(xiàn)以下功能:
1. banner圖循環(huán)不間斷切換
2. 通過自制按鈕實現(xiàn)指定性banner圖的切換
3. 通過方向按鈕實現(xiàn)banner圖左/右定向依次切換
4. 當(dāng)banner圖存在onmouseover事件時,停止banner切換,當(dāng)存在onmouseout時繼續(xù)切換
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #banner{ 8