色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

圖片右上角帶刪除css

在我們進(jìn)行Web開發(fā)時(shí),需要對(duì)一些元素進(jìn)行清除。比如,網(wǎng)頁中可能出現(xiàn)了一些廣告圖片,但是我們希望在網(wǎng)頁加載時(shí),這些圖片能夠自動(dòng)隱藏掉。這時(shí),我們需要使用CSS技術(shù),將這些圖片右上角的刪除按鈕進(jìn)行設(shè)置,使得圖片能夠被有效清除。

/*定義刪除按鈕樣式*/
.delete{
position:absolute;
right:0px;
top:0px;
width:20px;
height:20px;
background:url(delete.png) no-repeat center center;
cursor:pointer;
}
/*設(shè)置圖片樣式*/
.img{
position:relative;
width:300px;
height:200px;
background:url(image.png) no-repeat center center;
}
/*綁定刪除按鈕事件*/
$(document).ready(function(){
$('.img').append('
'); $('.delete').click(function(){ $('.img').hide(); }); });

上述代碼中,我們首先定義了一個(gè)刪除按鈕的樣式,在圖片的右上角顯示,并使得光標(biāo)變?yōu)槭中桶粹o。同時(shí),我們也定義了圖片的樣式,使得它們?cè)诩虞d時(shí)顯示為特定的背景圖片。

接著,在綁定刪除按鈕事件時(shí),使用jQuery對(duì)目標(biāo)圖片進(jìn)行隱藏的處理操作。當(dāng)用戶點(diǎn)擊刪除按鈕時(shí),所對(duì)應(yīng)的圖片將不再顯示在網(wǎng)頁中。

在實(shí)際的開發(fā)中,我們還需要根據(jù)各種情況進(jìn)行調(diào)整,使得網(wǎng)頁能夠更好的響應(yīng)用戶的操作。