虽然,用jQuery实现banner图的各种效果十分简单快捷,但是我今天用css+js代码实现了几个banner图的常用功能,效果还不错。
此次,主要想实现以下功能:
1. banner图循环不间断切换
2. 通过自制按钮实现指定性banner图的切换
3. 通过方向按钮实现banner图左/右定向依次切换
4. 当banner图存在onmouseover事件时,停止banner切换,当存在onmouseout时继续切换
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #banner{ 8