使用jquery 点击一div标签 更换背景图片
使用jquery点击一div标签更换背景图片<td><divid="button1"><a><imgsrc="images/button1.png"width="55">...
使用jquery 点击一div标签 更换背景图片
<td><div id="button1"><a><img src="images/button1.png" width="55"></a></div></td>这个是要使用的div,如何让点击这个标签更换背景图
#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
是想把这个的background-image 图片换掉·~~ 展开
<td><div id="button1"><a><img src="images/button1.png" width="55"></a></div></td>这个是要使用的div,如何让点击这个标签更换背景图
#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
是想把这个的background-image 图片换掉·~~ 展开
4个回答
2017-11-09
展开全部
1 2 3 | $( "div#button1" ).click( function (){ $( "#home" ).css( "background-image" , "url(images/abc.jpg)" ); }); |
展开全部
$("#button1>a>img").click(function () {
$(this).attr("src","你要显示的图片地址") ;
})
$(this).attr("src","你要显示的图片地址") ;
})
追问
#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
是想把这个的background-image 点击那个div 能把图片换掉
展开全部
1 2 3 4 | $( "div#button1" ).click( function (){ var obj = $( this ); obj.find( "img" ).attr( 'src' , '.......' ); }); |
追问
#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
是想把这个的background-image 点击那个div 能把图片换掉
追答
1 2 3 4 5 6 7 8 9 | .home2 { background-image: url(images/background.jpg); /*背景图片*/ height: 770px; /*高*/ width: 100%; /*宽*/ background-position: center top;/*背景位置*顶部/ $( "div#button1" ).click( function (){ var obj = $( this ); obj.removeClass().addClass( 'home2' ); //home2 里面可以修改你的图片地址 }); |
展开全部
能具体点吗?要实现的效果截个图看看
追问
#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
是想把这个的background-image 点击那个div 能把图片换掉
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询