A. jquery 怎麼判斷當前div的背景圖片是否為空
if( ($("div").css("background-image") == "none" ){
alert("背景為空");
}
已經試過了,可以的~
B. JS/Jquery,如何實現背景圖片的更換
你好,Jquery修改背景圖片方法如下:
$("這里寫css選擇器").css("background-image","url(這里填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標簽的背景為bjt.jpg可以寫成:
$("p").css({'background-image':'url(bjt.jpg)'})
C. 使用jquery 點擊一div標簽 更換背景圖片
$("div#button1").click(function(){
$("#home").css("background-image","url(images/abc.jpg)");
});
D. 怎麼通過jquery選擇div的背景圖片
選擇不了的,背景圖片不是html元素,他是其他元素的一個屬性,只能設置
E. jquery隨機添加背景圖的方法
var xstart=Math.floor(Math.random()*24);
$(".test_img").css("background-image","url(../img/testimg/text_"+xstart+".png)");
你第二行的變數如果我沒猜錯的話,你是用了PHP的模版語言,所以肯定是錯的
F. jquery怎麼實現點擊一個元素更換背景圖片,連續點擊永遠在2張圖片之間更換
實現的方法和操作步驟如下:
1、首先,打開html編輯器,創建一個新的html文件,例如index.html,然後引入jquery,如下圖所示。
G. 怎樣用css給一個空div添加背景圖片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>liuxing test</title>
<style type="text/css">
.divbgpic{
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
width:500px;
height:500px;
}
</style>
<script type="text/javascript"
src="jquery/jquery1.7.1/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="divbgpic"></div>
</body>
</html>
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');這樣子
H. 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;
元素包含整個背景圖片,調整背景圖片的寬度或高度(較大者),使背景圖片完全包含在元素中
保持背景圖片的寬高比,背景鋪滿元素
I. jquery怎麼給div下的a標簽添加背景圖片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>顯示背景</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$.each($("#PagingView a"),function(index,item){
switch($(item).text()){
case "First":
$(item).css({"color":"#ff0","background":"url(logo.png)"});
break;
case "Next":
$(item).css({"color":"#f00","background":"url(logo.png)"});
break;
case "Last":
$(item).css({"color":"#0f0","background":"url(logo.png)"});
break;
}
});
});
</script>
</head>
<body>
<div id="PagingView" style="width:500px; height:500px">
<a href="javascript:;" style="height:100px; width:100px; display:block;">First</a>
<a href="javascript:;" style="height:100px; width:100px; display:block;">Next</a>
<a href="javascript:;" style="height:100px; width:100px; display:block;">Last</a>
</div>
</body>
</html>
J. jquery點擊div切換背景圖片
<divid=「btn_img」class="img01"></div>
<script>
$("#btn_img").click(function(){
$(this).toggleClass("img02");
});
</script>
<style>#btn_img{no-repeat;width:40px;height:40px;}
.img01{background:url("img01.jpg");}
.img02{background:url("img02.jpg");}</style>