A. CSS或jquery中如何改变background-image的大小
在css中改变background-image的大小可以通过将背景图片放置的一个div样式中,然后设置div的样式属性来实现。示例核心代码:
div{
background:url(图片路径);
background-size:800px600px;
background-repeat:no-repeat;
}其中图片路径可以使用相对路径也可以使用绝对路径,不用添加双引号。最后一行的background-repeat:no-repeat意思可不允许背景图片在网页中平铺,只能使用一次。
(1)jquery改变背景图片扩展阅读:
通过jquery中改变background-image的大小的实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
$('.box').CSS('backgroundSiz','300px 500px')
}
</script>
<style type="text/css">
.box{
background-image: url(1.png);
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
</html>
B. jquery点击改变背景图片
css("background-image","url(image[n])");
问题出在这里了吧!
你这么写不相当于 background-image:url(image[n]) 了么?
这样试试:
$(".slider_image").css("background-image","url("+image[n]+")");
C. 怎么用jquery改变table的背景图片
写了段演示代码给你.把代码保存为demo.html,同时与jquery.js,1.jpg,2.jpg放在同一个文件夹就可以看见效果.
主要说明:
(1)table要加id属性
(2)使用attr()方法来变更background属性.
===============
<html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" ></meta>
<head>
<title>
demo
</title>
<script src="jquery.js" type="text/javascript"></script>
<script>
function set_bg(){
$("#demo_table").attr("background","2.jpg");//关键在这里.
}
</script>
</head>
<body>
<div id="showTime">
<table class='itable' width='100%' height="800" id='demo_table' background="1.jpg">
<tr>
<td>
<input type="button" value="换张背景" onclick="set_bg();">
</td>
</tr>
</table>
</div>
</body>
</html>
D. JS/Jquery,如何实现背景图片的更换
你好,Jquery修改背景图片方法如下:
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成:
$("p").css({'background-image':'url(bjt.jpg)'})
E. jquery如何改变css背景图
jquery改变CSS背景图修改方法
如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});
F. jquery怎样改变背景图片
<script type="text/javascript">
$(document).ready(function(){
$("#flipsound").click(function(){
if($("#flipsound").hasClass("flipsound_off"))
{
$("#flipsound").removeClass("flipsound_off");
$("#flipsound").css({"backgroundImage":"url(./images/sound_on.png)"});
}else{
$("#flipsound").addClass("flipsound_off");
$("#flipsound").css({"backgroundImage":"url(./images/sound_off.png)"});
}
});
});
</script>
G. 用jQuery语言,点击div,更换背景图片(附div和背景的代码)
<div id="button1"><a><img src="images/button1.png" width="55"></a></div>
替换为:
<div id="button1" onclick="$('#home').css('background-image','url(images/background2.jpg)')"><img src="images/button1.png" width="55"></div>
刚才写错了,改了一下~未经测试,有问题请补充
H. jquery怎么实现点击一个元素更换背景图片,连续点击永远在2张图片之间更换
实现的方法和操作步骤如下:
1、首先,打开html编辑器,创建一个新的html文件,例如index.html,然后引入jquery,如下图所示。
I. 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;
元素包含整个背景图片,调整背景图片的宽度或高度(较大者),使背景图片完全包含在元素中
保持背景图片的宽高比,背景铺满元素
J. 用Jquery如何改变鼠标移过去和移出来的背景图片
<style>
#tdNavi.navilmg{background:url(图片地址)00no-repeat;}
#tdNavi.on{background:url(图片地址)00no-repeat;}
</style>
<script>
$("#tdNavi.navilmg").hover(
function(){
$("#tdNavi.navilmg").removeClass("on");//先移去左右nav的绿色背景样式
$(this).addClass("on");//在在这个目录上加上绿色背景样式
}
);
</script>
你先在样式里写好li的背景,然后在写一个绿色的背景样式类,
鼠标划过的时候先移除所有这个class在在这个划过的li上添加这个class,就可以了。
当然你也可以把样式写在a标签上