ss實現常用的開關按鈕功能，常用在一些網站的設置頁面中，一般用在手機端的頁面比較多，實現的做法有很多，可以利用圖片完成，也可以用css和js完成！具體效果如下：

實現代碼：

html結構：

css樣式：

js:

tml的css3實現帶漸變的炫酷按鈕

用到的技術有CSS3的漸變，CSS3動畫等

效果圖：

實現代碼

html:

css:

、下面是三種button點擊的方法。

1. btn.onclick=function(){}
2. btn.addEventListener("click",function(){})
3. function btclick(){} 前提是標簽里有onclick="btclick()"

• 第1種方法參看javascript通過dom實現按鈕點擊事件?！?03】
• 第3種方法參看最簡單的網頁按鈕單擊函數響應事件，基于javascript?！?02】

二、第2種方法就看我下面的表現了。

做個按鈕

加入javascript，dom取得按鈕元素。

添加click監聽函數。