原创 jQuery之淡入淡出效果
1. jQuery中淡出動畫fadeOut 讓元素在頁面不可見，常用的辦法就是通過設置樣式的display:none。除此之外還可以一些類似的辦法可以達到這個目的。這裏要提一個透明度的方法，設置元素透明度爲0，可以讓元素不可見，透明度的參
2020-06-28 06:14:33
原创 CSS3的佈局樣式相關
（1）CSS3 多列布局——Columns 爲了能在Web頁面中方便實現類似報紙、雜誌那種多列排版的佈局，W3C特意給CSS3增加了一個多列布局模塊（CSS Multi Column Layout Module）。它主要應用在文本的多列布
2020-06-28 06:14:33
原创 CSS3的屬性選擇器
在HTML中，通過各種各樣的屬性可以給元素增加很多附加的信息。例如，通過id屬性可以將不同div元素進行區分。 在CSS2中引入了一些屬性選擇器，而CSS3在CSS2的基礎上對屬性選擇器進行了擴展，新增了3個屬性選擇器，使得屬性選擇器有了
2020-02-21 07:52:29
原创 事件的綁定與解綁
1. on()的多事件綁定 之前學的鼠標事件，表單事件與鍵盤事件都有個特點，就是直接給元素綁定一個處理函數，所有這類事件都是屬於快捷處理。翻開源碼其實可以看到，所有的快捷事件在底層的處理都是通過一個"on"方法來實現的。jQuery on
2020-02-21 07:52:29
原创 javascript基本概念的聯繫與區別
1.屬性和方法 屬性是一個變量，用來表示一個對象的特徵，如顏色、大小、重量等； 方法是一個函數，用來表示對象的操作，如奔跑、呼吸、跳躍等。 對象的屬性和方法統稱爲對象的成員。 在JavaScript中通常使用“ . ”運算符來存取對象
2020-02-21 07:52:29
原创 jQuery自定義事件
1. jQuery自定義事件之trigger事件 衆所周知類似於mousedown、click、keydown等等這類型的事件都是瀏覽器提供的，通俗叫原生事件，這類型的事件是需要有交互行爲才能被觸發。 在jQuery通過on方法綁定一個原
2020-02-21 07:52:29
原创 jQuery事件對象的使用
1. jQuery事件對象的作用 事件中的Event對象容易被初學者忽略掉，可能大多時候初學者不知道怎麼去用它，但有些時候它還是非常有用的。 一個標準的"click"點擊事件： $(elem).on("click",function(ev
2020-02-21 07:52:29
1
原创 CSS3中的變形與動畫（上）
（1）CSS3變形--旋轉 rotate() 旋轉rotate()函數通過指定的角度參數使元素相對原點進行旋轉。它主要在二維空間內進行操作，設置一個角度值，用來指定旋轉的幅度。如果這個值爲正值，元素相對原點中心順時針旋轉；如果這個值爲負值
2020-02-21 07:52:29
原创 CSS3的文字與字體
（1）text-overflow 與 word-wrap text-overflow用來設置是否使用一個省略標記（...）標示對象內文本的溢出。 語法： 但是text-overflow只是用來說明文字溢出時用什麼方式顯示，要實現溢出時
2020-02-21 07:52:29
原创 jQuery之動畫基礎隱藏和顯示
1. jQuery中隱藏元素的hide方法 讓頁面上的元素不可見，一般可以通過設置css的display爲none屬性。但是通過css直接修改是靜態的佈局，如果在代碼執行的時候，一般是通過js控制元素的style屬性，這裏jQuery提供
2020-02-21 07:52:29
原创 CSS3中的變形與動畫（下）
（1）CSS3 Keyframes介紹 Keyframes被稱爲關鍵幀，其類似於Flash中的關鍵幀。在CSS3中其主要以“@keyframes”開頭，後面緊跟着是動畫名稱加上一對花括號“{…}”，括號中就是一些不同時間段樣式規則。 @k
2020-02-21 07:52:29
原创 CSS3中的Media Queries
（1）Media Queries——媒體類型 隨着科學技術不斷的向前發展，網頁的瀏覽終端越來越多樣化，用戶可以通過：寬屏電視、臺式電腦、筆記本電腦、平板電腦和智能手機來訪問你的網站。儘管你無法保證一個網站在不同屏幕尺寸和不同設備上看起來完
2020-02-21 07:52:29
原创 CSS3的邊框
（1） border-radius是向元素添加圓角邊框。 使用方法： border-radius:10px; /* 所有角都使用半徑爲10px的圓角 */ border-radius: 5px 4px 3px 2px; /* 四個半
2020-02-21 07:52:29
原创 CSS3的背景
（1）background-origin background-origin：設置元素背景圖片的原始起始位置。 語法：background-origin： border-box |padding-box | content-box; 參數
2020-02-21 07:52:29
原创 CSS3的顏色
（1）顏色之RGBA RGB是一種色彩標準，是由紅(R)、綠(G)、藍(B)的變化以及相互疊加來得到各式各樣的顏色。RGBA是在RGB的基礎上增加了控制alpha透明度的參數。 語法：color：rgba(R,G,B,A) 以上R、G、B
2020-02-21 07:52:29