原文:判斷鼠標點擊在div外時,更改背景圖片

學習起步時,本人試着在web端界面上仿照qq客戶端主菜單,做出了一個界面。 當做到qq主菜單的搜索框時,發現點擊搜索框后,里面的背景圖片會消失,如下面 張圖所示: 點擊前 點擊后 盡管類似這種判斷鼠標是否點擊在div外,以更改背景圖片的應用在web開發中並不多見,但是我們還是需要明白,應如何實現對鼠標是否點擊在div外的判斷。 在這里,我采用了如下代碼: document .click func ...

2016-09-01 09:49 0 1837 推薦指數:

查看詳情

滾動div背景圖片隨之滾動

在瀏覽一些網站發現有一種效果是當滾動看到某一DIV背景也會隨之滾動,如下: 當滾動內容位置保持不變,但是內容后面的背景卻在隨着滾動。隨之我通過審查元素看到了其是通過background-position來實現的,實現原理為當目標DIV出現在屏幕上,當往下滾動 ...

Fri Oct 14 01:25:00 CST 2016 0 3001
怎么用JQUERY設置div背景圖片

  平常,在css里,我們寫成   {     background:url(....) ;   }   如果需要寫腳本, 則   function(){     .....;      ...

Sun Jul 15 22:28:00 CST 2018 0 6310
背景圖片填充div

html: <div class=”contain-title”><div> css: (1)這種情況下圖片可以填充整個div,但背景色和原背景圖片不一致 background: url(../images/mall-bg.png) no-repeat ...

Mon Dec 04 02:46:00 CST 2017 0 2807
css背景圖片充滿DIV

最近接手前端頁面,讓給調樣式。哥純粹一個代碼程序猿,表示那些個樣式應該讓前端人員或者美工小妹妹來實現. 書歸正傳,碰到了問題,頁面要在手機上展現,眾所周知,手機在中國的牌子很多,很難做到統一。 頁面上有五個導航欄,是按百分比設置的,讓我搞個背景圖點擊某一導航欄的時候,背景改變,BUT,給我 ...

Wed Nov 14 07:27:00 CST 2018 0 2449
div背景圖片拉伸

背景圖片可以設置重復(repeat)不重復(no-repeat),但沒有設置拉伸屬性。 這里用偽背景實現了拉伸。所謂偽背景,就是用兩個重疊的div,下面一個放圖片填滿div,當成背景。 ...

Sun Jul 15 22:32:00 CST 2012 0 13193
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM