2 qq 29623455 qq_29623455 于 2016.03.18 10:58 提问

小白求助,关于按钮点击更换背景的问题

单击按钮时,改变其背景图片。当另一个按钮被点击时,原先的按钮恢复初始状态,现被点击的那个改变,图片数量没有具体限制

11个回答

qq_19891827
qq_19891827   2016.03.18 11:16

把html代码发上来,不然不知道你这些按钮之间的关系。另请把需求再描述的清楚一点

fubo1990
fubo1990   2016.03.18 11:18

首先给两个按钮都设置id属性,比如id1,id2。id1的原来图片为1.jpg.点击后的图片为2.jpg.id2的原来图片为3.jpg,点击后的图片为4.jpg
点击id1按钮的事件
$(function(){
$("#id1").click(function(){
$(this).css("background-image","url(2.jpg)");
})
$("#id2").click(function(){
$("#id1").css("background-image","url(1.jpg)");
$(this).css("background-image","url(4.jpg)");
})

})

qq_29623455
qq_29623455   2016.03.18 11:22

补充一下问题吧

以上是我的按钮,上面的click是点击跳转用的
效果图如下
图片说明

qq_29623455
qq_29623455   2016.03.18 11:23













代码怎么不显示
fubo1990
fubo1990   2016.03.18 11:23

你采用我上面说的方法,然后进行相应图片路径和按钮id修改就能实现的

qq_29623455
qq_29623455 是不是太繁琐了,大概有八九个按钮
2 年多之前 回复
qq_29623455
qq_29623455   2016.03.18 11:24
   <div class="ot-menu" id="scroller">
        <ul>
            <li><img onclick="selectInfo(1)" src="../imgClassification/one1a.jpg"></li>
            <li><img onclick="selectInfo(2)" src="../imgClassification/one2a.jpg"></li>
            <li><img onclick="selectInfo(3)" src="../imgClassification/one3a.jpg"></li>
            <li><img onclick="selectInfo(2)" src="../imgClassification/one4a.jpg"></li>
            <li><img onclick="selectInfo(3)" src="../imgClassification/one5a.jpg"></li>
            <li><img onclick="selectInfo(1)" src="../imgClassification/one1a.jpg"></li>
            <li><img onclick="selectInfo(2)" src="../imgClassification/one2a.jpg"></li>
            <li><img onclick="selectInfo(3)" src="../imgClassification/one3a.jpg"></li>
        </ul>
    </div>
qq_28919337
qq_28919337   2016.03.18 11:25

radiogroup+radiobutton可以搞定

qq_28919337
qq_28919337 回复qq_29623455: 我以为是android,然后就没有然后了
2 年多之前 回复
qq_29623455
qq_29623455 能详细点吗
2 年多之前 回复
qq_19891827
qq_19891827   2016.03.18 11:42

做一张纯白色的背景图片,假设命名为bg.jpg;其他背景图片依次命名为 p0.jpg,p1.pjg,p2.jpg.........
jquery代码:

 $('#scroller ul li').each(function(index,domEle){
     var url='url(p'+index+'.jpg)';
     $(this).click(
            $(this).siblings()..css('background-image','url(bg.jpg)');
            $(this).css('background-image',url);
     );
 });
qq_19891827
qq_19891827   2016.03.18 11:43

手残,css前面多了一个".",请把它去掉

u013772876
u013772876   2016.03.18 13:13

贴出你的代码或参照楼上给出的代码示例!

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
button点击切换背景图片的问题
我做了个UIButton的扩展,代码如下: #import @interface CheckBoxButton : UIButton @property (nonatomic,assign) BOOL isChecked; @end 我通过下面代码来实现点击后切换图片,但是并不能达到效果 if (button.isChecked) { self.collectio
关于button — 点击变换背景图片
我们经常会碰到,点击button 改变背景,再次点击还原的时候,下面是我总结的一点小知识。
button设置点击更改背景图片
给button设置背景图片很简单,设置点击时的背景也简单,做一个selector选择器就好了。当我想在点击时和松开后背景不再改变回去时遇到了麻烦,无论怎么设置selector都不起作用。无奈上网求救,遇一好心人解答,感谢他,现将解决方法记录下来。 第一种方法:给按钮添加监听事件,并做标志。这个貌似要在xml文件给按钮加上背景。 button.setOnClickListener(new OnC
Android通过点击按钮改变Activity的背景颜色_个人笔记
Android通过点击按钮改变Activity的背景颜色_个人笔记今天学习了通过两个按钮的点击监听事件。 private Button button1; private Button button2; private LinearLayout layout;先声明按钮、布局LinearLayout protected void onCreate(Bundle savedIns
Android studio 通过xml文件设置点击按钮按钮时更换背景,松开时恢复的功能
Android studio 通过xml文件设置点击按钮按钮时更换背景,松开时恢复的功能
Android 按钮点击切换背景,同时修改文字颜色
其实原理很简单,用到的是selector,用来设置android:background和android:textcolor属性,selector可以用来设置默认时候、点击时候的背景图片和文字颜色的属性,过程如下:         这两个文件如下: 1.当点击按钮,改变文字的颜色: <item android:state_focused="false" android:s
iOS之点击按钮切换背景图片
现在的项目的按钮切换的时候,都会添加一个效果,就是点击后更换一个背景图片,而原来被点击的按钮的图片恢复原来的背景图片 首先,在.h文件中写一个BOOL的属性, @property(nonatomic ,strong) UIButton *landButton; @property(nonatomic ,strong) UIButton * weiXinButton; @property(n
android 点击按钮切换背景图片(根据按钮点击的ID切换)
前言 在开发应用程序的时候,需要根据一个按钮切换一个ImageView的背景,查看了网上的一些方法,很少有根据ID切换的,把它写出来,希望可以帮到大家 首先需要新建一个图片表,来存放你所有要用到的图片 private Button out,jia,jian; private ImageView xy_number; private static int id=0; //图片表 pri
按钮点击切换背景图片(两种情况)
在项目开发中经常会有一些按钮需要点击切换背景图片的,也就是所谓的选中状态一般我们用到的切换方法如下 UIButton * but = [[UIButton alloc]initWithFrame:CGRectMake(100, 100, 100, 100)]; [but setBackgroundImage:[UIImage imageNamed:@"图片名字"] forState:UIC
QT 按钮切换背景图片
使用setStyleSheet()函数进行设置: 如将一个QPushButton类的按钮设置为: ui->btn_name->setStyleSheet("QPushButton{background-image: url(:/images/call_up.bmp);}"  "QPushButton:hover{background-image: url(:/images/call_