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实现按钮点击事件。【303】
• 第3种方法参看最简单的网页按钮单击函数响应事件，基于javascript。【302】

二、第2种方法就看我下面的表现了。

做个按钮

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

添加click监听函数。