背景图片我“米相当新的jQuery和我一直在使用开关来改变在jQuery的背景颜色有关的问题。基本上,我找到了工作,改变颜色,但是我现在想为了能够改变身体基于锚的点击各种不同的图像的背景图像,我创建了一个JS小提琴解释什么,我已经有了:http://tinyurl.com/oqnmqte无法切换jQuery中
0
A
回答
2
这样可以延长你有什么这样
function changeBg(currentItem) {
var bg = 'null';
switch (+currentItem) {
case 1 :
bg = '#FFFFFF';
break;
case 2 :
bg = '#FF6000';
break;
case 3 :
bg = "url('http://www.fascinatingpics.com/wp-content/uploads/2013/10/Google-Logo.png')"
break;
}
$('html').css('background', bg);
}
$('#colour-changer li a').bind('click', function() {
changeBg(this.id);
return false;
});
稍微更具扩展性的解决办法是通过从标记,这将意味着你将不再需要一个开关来传递数据。我在这里举了一个快速例子。 http://jsfiddle.net/q7Cpn/7/
<ul id="colour-changer">
<li><a id="1" class="white" data-bg="#FFFFFF" href="#">White</a></li>
<li><a id="2" class="grey" data-bg="#FF6000" href="#">Orange</a></li>
<li><a id="3" class="grey" data-bg="http://www.fascinatingpics.com/wp-content/uploads/2013/10/Google-Logo.png" href="#">Orange</a></li>
</ul>
。
function changeBg(currentItem) {
var bg = "";
if (/(jpg|gif|png|JPG|GIF|PNG|JPEG|jpeg)$/.test(currentItem)){
bg = "url('"+currentItem+"')";
}else{
bg = currentItem;
}
$('html').css('background', bg);
}
$('#colour-changer li a').bind('click', function() {
changeBg($(this).attr("data-bg"));
return false;
});
-1
$('html').css('backgroundColor', bg);
你有“背景”在代替正确的CSS样式的“背景色”的
在jQuery中有一个所有CSS效果 - 它是由t中的资本代替'他接着说。
例:
CSS: 背景色 的jQuery: 的backgroundColor
CSS: 利润率左 的jQuery: marginLeft
+0
问题是如何更改背景图像不是颜色 –
0
$('html').css("background-image", "url(/name.jpg)");
相关问题
- 1. 无法使用切换jQuery中
- 2. 无法在jquery上切换图片
- 3. jQuery无法定位切换类
- 4. jQuery无法切换到工作状态
- 5. HTMLDivElement无法切换
- 6. jQuery,切换切换
- 7. 在jQuery中切换加法/减法
- 8. 在jQuery的切换方法
- 9. jQuery:切换不切换
- 10. 在jquery中切换
- 11. 无法切换活动
- 12. 无法在Firefox上切换
- 13. 无法切换Android活动
- 14. 无法切换上top.document
- 15. 无法切换到beta ajaxcontroltoolkit
- 16. 无法切换到主干
- 17. Selenium:无法切换窗口
- 18. 无法切换开关
- 19. 无法切换分支
- 20. wxpython无法切换面板
- 21. 无法通过使用jQuery切换类来触发转换
- 22. Jquery单独切换在Firefox中无法正常工作
- 23. 无法在JQuery Mobile中禁用切换固定标题
- 24. 无法在Laravel 4中切换语言
- 25. 无法在iOS中切换userInteractionEnabled属性
- 26. Net_SSH2无法在PHP中切换用户
- 27. 无法将HttpURLConnection方法切换到POST
- 28. Jquery rel切换?
- 29. jQuery切换CSS?
- 30. 切换DIV -jquery
所以你的问题是你想扩展你的功能,以改变背景图像。或者改为改变背景图片? –
@DominicGreen我想,而不是更改背景图片,我可以操纵我有什么或做我需要重新写全功能? –
娜,你可以使用你已经有看到我的回答波纹管,但你可能要考虑rewritting和标记,而不是一个号码通过传递图像URL。那么你不需要switch语句。 –