1. jquery如何改变css背景图
jquery改变CSS背景图修改方法
如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});
2. 关于用js改变背景图片的问题(包含背景音乐)JQ也行,啥都行,请朋友们帮忙看看能不能写出来
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body { background-image: url(bg.jpg) ; }
</style>
</head>
<body>
<input id="bnt1" type="button" value="下一个">
<audio src="" autoplay="autoplay"></audio>
<script type="text/javascript" >
var oBtn=document.getElementById('bnt1');
var audio = document.getElementsByTagName('audio')[0];
var body = document.getElementsByTagName('body')[0];
var i=0;
var j=0;
var bg=new Array('bj1.gif','bj2.gif');//背景图片地址
var music=new Array('xusong.mp3','ytian.mp3');//歌曲地址
oBtn.onclick=function()
{
bj();
Music();
}
function bj()
{
i++;
if(i>bg.length-1)
{
i=0;
}
body.style.backgroundImage="url("+bg[i]+ ")";
}
function Music(){
j++;
if(j>music.length-1)
{
j=0;
}
audio.src = music[j];
}
</script>
</body>
</html>
3. jquery mobile怎么设置背景图片
直接在页面顶部定义css body背景图片就可以了,或者在你自己的css里添加背景,注意的是你的css必须在jqumobile css之后才行。设置背景其实跟jquermobile无关。另外你想单个页面设置背景图片那就跟jquerymobile有关了
<divdata-role="page"style="background:url(xxx.jpg)50%0no-repeat;background-size:cover">这表示jqm的一个单页标签</div>
所有页面都一个背景那就
<style>
body{background:url(xxx.jpg)50%0no-repeat;background-size:cover}
</style>
需要了解下面2个属性 关于背景的问题:
background-size:cover;背景铺满元素,调整背景图片的宽度或高度(较小者),以铺满整个元素
保持背景图片的宽高比
background-size:contain;
元素包含整个背景图片,调整背景图片的宽度或高度(较大者),使背景图片完全包含在元素中
保持背景图片的宽高比,背景铺满元素
4. jquery 中怎么用css设置background-image
$(selector).css('background-image','url(imgPath)');注意要带上url();括号里面放背景路径。