原创 js中的函數

/* 來源具體可查看《JavaScript模式》 */ 一、函數特點 1、函數時第一類對象 函數在運行時動態創建,還可以在程序執行過程中創建 函數可以分配給變量,可以將它們的引用複製到其他變量,可以被擴展,此外,除少數情況外,函

原创 讓網頁背景圖片 固定,不隨縮小放大而變化

最近在百度首頁,縮小放大時,發現背景圖片一直保持不變,只是內容在變化,看看了源碼,才知道怎麼回事。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

原创 css3實現卡片翻轉

真的是好記性不如亂筆頭,以前看過了css3實現卡片翻轉,覺得簡單,也就沒做筆記,今天在寫了,一頭蒙啊。。 需要用到的css3:屬性: 1、perspective:800px;景深:一般設給舞臺, 2、transform-st

原创 CSS書寫規範、順序

一、書寫順序 1.位置屬性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, lin

原创 js分頁實例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/cs

原创 after與before應用

看bootstrap源碼還是可以學到很多知識啊。 實現效果 鼠標hover的時候,有個border,並且會在藍色三角形中打鉤,純css實現,但是在ie7及以下不支持。 .box li:hover {outline: 1px

原创 使用bootstrap混入,實現row和col

當然,父級div外面還有一層,container類,或者container-fluid <div class="parent"> <div>1</div> <div>2</div> <div>3</div> </d

原创 bootstrap進行網頁配色過程

以企業網站顏色:藍、紅、灰,爲例 (1)打開variables.less, (2)灰色變量覆蓋範圍,安裝需求進行修改 @gray-base: #000; @gray-darker: lig

原创 XMLHttpRequest對象

XMLHttpRequest對象相關屬性 1、responseText : 作爲響應主體被返回的文本 2、responseXML : 如果響應的內容類型是“text/xml”或者”application/xml”,這個屬性中保存包含着響

原创 全局css樣式

1、移動設備優先 1.1、head部分的設置 ie使用最新的渲染引擎 <meta http-equiv="X-UA-Compatible" content="IE=edge"> viewport元數據標籤 <meta name="view

原创 DOM-文檔概述、文檔節點、元素節點

一、DOM:文檔對象模型,是由JavaScript節點對象組成的層次結構/樹 1、節點對象類型:nodeType(共用12種類型,僅列出了常用的幾個) ELEMENT_NODE = 1 元素節點 如 :<body> <div> <scr

原创 ajax-瀑布流效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/cs

原创 CSS組件

1、字體 bootstrap自帶的Glyphicons 字體圖標,還有是font awesome 2、下拉菜單 .dropdown 最大作用給了父級position: relative; 菜單向下彈出 .dropup 菜單向上彈出

原创 DOM-文本節點

一、文本節點 1、文本對象的屬性與方法 .textContent 移出文本標記並返回所有的自文本節點 .splitText() 分割文本節點。一個參數,即開始分割的index,返回分割掉的字符串

原创 js分頁函數

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/cs