我设置了三个Button按钮 点击Button1切换图片点击Button2切换图片同时Button1恢复原来图片 点击Button1切换图片Button2恢复原来图片
5条回答 默认 最新
- ArsioLin 2017-09-23 05:33关注
如果是HTML页面的话,可以使用html标签+jquery脚本
HTML标签中,可以给button加2个图的属性<button id="button1" data-defaultsrc="1的默认图片地址" data-clicksrc="1的点击后图片地址">Button 1</button> <button id="button2" data-defaultsrc="2的默认图片地址" data-clicksrc="2的点击后图片地址">Button 2</button> <script> $(function(){ $("#button1").click(function(){ $(this).css({"background":$(this).data("clicksrc")}); $("#button2").css({"background-image":"url("+$("#button2").data("defaultsrc")+")"}); }); $("#button2").click(function(){ $(this).css({"background":$(this).data("clicksrc")}); $("#button1").css({"background-image":"url("+$("#button1").data("defaultsrc")+")"}); }); }); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 ads仿真结果在圆图上是怎么读数的
- ¥20 Cotex M3的调试和程序执行方式是什么样的?
- ¥20 java项目连接sqlserver时报ssl相关错误
- ¥15 一道python难题3
- ¥15 用matlab 设计一个不动点迭代法求解非线性方程组的代码
- ¥15 牛顿斯科特系数表表示
- ¥15 arduino 步进电机
- ¥20 程序进入HardFault_Handler
- ¥15 oracle集群安装出bug
- ¥15 关于#python#的问题:自动化测试