点击按钮传值
效果图😯:
![](http://upload-images.jianshu.io/upload_images/3362481-1b99db1d37c920ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
当点击第几个按钮就在粉色框内显示第几个盒子
1.首先搭一个框架,写HTML和css里面的布局,把界面搭好-----😁
![](http://upload-images.jianshu.io/upload_images/3362481-183c69b19afa20cf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
注:border-radius: 5px,5px,5px,5px;这个为切圆角,四个角切5个像素 border: 1px solid #A9A9A9; 设置边框,一个像素,实线,颜色为#A9A9A9
2.在js里面实现点击效果
首先给按钮添加点击事件,并且把对应的数值传入函数中
![](http://upload-images.jianshu.io/upload_images/3362481-55b83460b164acd2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
添加点击事件
js里面的内容:
![](http://upload-images.jianshu.io/upload_images/3362481-67aecb2d78a8ae3a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
点击响应的事件
3.这样就大功告成啦😊(我用的方法只适合少数按钮的点击,方法比较笨😳)