原创 點擊按鈕後背景變灰+阻止事件

最近做了幾個點擊按鈕出現彈出框後,背景變灰且內容不可操作,上網一查有個遮罩層的東東,感覺很神奇。原理是設置一個隱藏的、無內容的div,當點擊按鈕後顯示這個div並通過絕對定位中的fixed遮住內容,以此達到遮住的效果。以下是我寫的一個簡

原创 jQuery.lazyload的使用

插件描述:jQuery圖片延遲加載插件jQuery.lazyload,使用延遲加載在可提高網頁下載速度。在某些情況下,它也能幫助減輕服務器負載。 使用方法 引用jquery和jquery.lazyload.js到你的頁面 <scri

原创 JavaScript調試的那些事

        最近領導讓我好好學學關於Chrome的調試,當時我心思不就是打個斷點,然後逐行定位就可以了麼。後來上網找資料瞭解一番後,才發現真是圖樣圖森破呀!原來Chrome調試有這麼多說道,下面就總結記錄了一下。 先來說說Devel

原创 eclipse常用快捷鍵

1、代碼格式化:control+shift+f 2、快速查找資源:    control+shift+r 3、查找和替換: control+f 4、刪除一整行: control+d 5、代碼提示: alt+/ 6、顯示大綱: contro

原创 多個onscroll事件解決

今天遇到個問題,爲首頁做回到頂部按鈕,做完後頁面卻顯示不出來了,想了半天才發現,原來我首頁以前是用懶加載onscroll事件,而回到頂部按鈕也是用到了onscroll事件,結果是隻執行了後一個事件,前一個被替換了,上網查到了一個解決方法:

原创 opacity、rgb、rgba透明背景

opacity 屬性是css3的屬性,是指顏色的不透明度,也可以實現透明效果,1爲完全不透明,0爲完全透明         例子:opacity: .5;         rgb() 定義了顏色的紅綠藍值  例子:rgb(0,0,0);

原创 img div之間差3px

今天有人問我一個奇葩的問題,從來沒遇到過,搞了半天才知道原因。 事件起因:在一個div裏放一個img,但下方會出現一小塊空白,他想去掉。 事件經過:當時是以爲是邊距的簡單問題,就過去通過chrom調試,調試了半天發現,當內外邊距都爲0時,

原创 Fiddler網絡攔截一

Fiddler是強大且好用的Web調試工具之一,它能記錄客戶端和服務器的http和https請求,允許你監視,設置斷點,甚至修改輸入輸出數據,Fiddler包含了一個強大的基於事件腳本的子系統,並且能使用.net語言進行擴展,在web開

原创 回到頂部按鈕

爲頁面做回到頂部按鈕是很有必要的,而要實現這個功能要滿足兩個要求,一、當瀏覽器下拉時按鈕顯示,回到頂部時按鈕隱藏;二、點擊按鈕時,通過jquery的animate函數滑到頂部。 <!DOCTYPE html> <html> <head>

原创 獲取元素位置

最近做了很多獲取元素位置的交互,最開始接觸的是下面的這些,做了比如網頁區域懶加載、一鍵回到網頁頂部等。 爲了理解這些屬性,我們需要知道HTML元素的實際內容有可能比分配用來容納內容的盒子更大,因此可能會出現滾動條,內容區域是視口,當實

原创 jquery hover事件只觸發一次動畫

最近工作時遇到個關於動畫的問題,如下: $("div").hover( function() { $(this).animate({"margin-top":"100px"},1000); }, funct

原创 eclipse 插件安裝備用

以下插件現在沒用,但不代表以後用不到,留下來備用。 1.反編譯軟件     jadclipse - http://sourceforge.net/projects/jadclipse/     下載後放在eclipseplugin下  

原创 eclipse 個人配置+優化

eclipse 個人配置+優化 補充:爲了保持代碼的運行,需要把不同的項目放在不同的工作空間,而eclipse在新建的工作空間後,其所有的個人配置都會還原,需要你去重新配置以下的東西。 1.字體:     window--》prefere

原创 svn日常使用

svn是一個開放源代碼的版本控制系統,是團隊合作開發項目的利器,每個人可以把線上的項目檢出到本地的工作空間進行操作,然後提交到線上。 以下是提交時遇到的三種狀態: 在要操作的文件夾或者你修改的文件(即帶一個黑色的大*文件)右鍵-->Tea

原创 js獲取不到display的屬性

今天偶然看到以前遺留的一個問題,現在用谷歌調試了一下,明白了,特此記錄一下。 原問題+code: 爲什麼我的點擊事件第一次點擊沒反應? <html> <head> <style type="text/css"> body{