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標簽上