//①首先要獲得該元素背景圖片的URL;
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、懷來網(wǎng)絡(luò)推廣、小程序開發(fā)、懷來網(wǎng)絡(luò)營銷、懷來企業(yè)策劃、懷來品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供懷來建站搭建服務(wù),24小時服務(wù)熱線:028-86922220,官方網(wǎng)址:chinadenli.net
//②NEW一個圖片對象
var bgimg = new Image();
//③給這個圖片對象加上onload事件
bgimg.src = '該元素背景圖片的URL';
bgimg.onload = function () {
//圖片對象加載完成,對應(yīng)的該元素背景圖片也加載完成
}
1、創(chuàng)建一個名稱為css的html文件。
2、在頁面中加入一個button按鈕,當(dāng)點擊button的時候出發(fā)click事件。
3、在加入一個div設(shè)置寬和高還有背景色,當(dāng)button的click事件中用css方法修改該div背景色。
4、文件引入jquery 庫。
5、在文檔準(zhǔn)備方法中加入click點擊事件。
6、在click事件中加入css方法設(shè)置div的背景色。
7、在瀏覽器中運行該文件。并點擊button設(shè)置div的背景色。
Jquery 使用addClass()與removeClass()來動態(tài)的添加或移出一個css 類,例如:
1.$(“#para1”).addClass('highlight');添加一個“highlight”css 類給id為para1的元素。
2.$(‘#para1’).removeClass(‘'highlight');從id為para1的元素中移出一個‘highlight’css類。
具體實例代碼如下:
html
head
styletype="text/css"
.highlight {
background:green;
}
/style
scripttype="text/javascript"src="jquery-1.3.2.min.js"/script
/head
body
h1jQuery add / remove css class example/h1
pid="para1"This is paragraph 1/p
pThis is paragraph 2/p
pThis is paragraph 3/p
pThis is paragraph 4/p
buttonid="addClass"Add highlight/button
buttonid="removeClass"Remove highlight/button
scripttype="text/javascript"
$("#addClass").click(function () {
$('#para1').addClass('highlight');
});
$("#removeClass").click(function () {
$('#para1').removeClass('highlight');
});
/script
/body
/html
初始的效果:
點擊 add highlight 后的效果圖:
點擊 remove highlight 后的效果圖:
解決方法:要把css代碼放入my_show里面,跟打印的內(nèi)容放在一起,讓jquery一起加載,才能生效。
具體操作:
一、添加打印樣式
1. 為屏幕顯示和打印分別準(zhǔn)備一個css文件,如下所示:
用于屏幕顯示的css: link rel="stylesheet" href="css/mainstylesheet.css" media="screen" /
用于打印的css:link rel="stylesheet" href="css/printstylesheet.css" media="print" /
2. import方式:
style type="text/css"
@import url("css/printstylesheet.css") print;
/style
3. 直接把屏幕顯示樣式和打印樣式寫在一個css文件中:
@media print {}{
h1 {
color: black;
}
h2 {}{
color: gray;
}
}
@media print里面的內(nèi)容只對打印出來的內(nèi)容有效,之外的內(nèi)容就是屏幕顯示的樣式。
其他:
創(chuàng)建一個不指定媒體類型的樣式表通常很有用(或者利用media="all")。當(dāng)你準(zhǔn)備好定義一些特別用
于打印的規(guī)則時,可以只創(chuàng)建一個單獨的樣式表,使任何在打印時看起來不好的樣式都失效。使用這種方法的一個問題是必須確保打印機樣式實際上確實覆蓋了主樣式表??梢允褂?!important.
jquery判斷瀏覽器是否是ie6
if($.browser.msie($.browser.version == "6.0")!$.support.style){ //IE6
//加載另外的css
}
網(wǎng)頁題目:jquery加載css,jquery加載中效果
本文URL:http://chinadenli.net/article44/dscchhe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、定制網(wǎng)站、響應(yīng)式網(wǎng)站、定制開發(fā)、網(wǎng)站導(dǎo)航、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)