原创 JavaScript寫的圖片庫功能(小圖變大圖查看瀏覽)

圖片庫 期望: 當點擊小圖時,能留在這個頁面而不是轉到另一個窗口;當點擊小圖時,能夠在本頁面的下面大圖顯示;當點擊小圖時,在大圖的下面能夠顯示圖片的相關信息。最終實現效果: ----------------------------

原创 JavaScript_DOM編程藝術第二版學習筆記-第5章

第五章 平穩退化 主要目的,讓那些不支持或者禁用了javascript功能的瀏覽器也能順利訪問網站。 5.1彈出窗口 JS使用window對象的open()方法創建新的瀏覽器窗口,語法: window.open(url,name,

原创 DOM 事件下拉菜單實例

實現下圖所示的菜單效果,實現點擊菜單中的向下三角展開菜單,點擊頁面空白處收起菜單,按下鍵盤上的向上、向下方向鍵可以選中對應的選項,鼠標點擊或按下回車鍵將當前高亮的選項內容設爲菜單的標題 任務 一、 點擊菜單中的向下三角展開菜單

原创 DOM事件探祕之三_QQ面板拖拽效果

注意點: 在標題區按下-在頁面移動-釋放鼠標時停止移動 onmousedown:用戶按下任何鼠標按鈕時觸發 onmousemove:當鼠標指針在元素內部移動時觸發 onmouseup:當用戶釋放鼠標按鈕時觸發 鼠

原创 DOM事件探祕之二

3 事件對象 2 IE中的事件對象 (1)type屬性 用於獲取事件類型 (2)srcElement屬性 用於獲取事件目標 (3)cancelBubble()方法 用於阻止事件冒泡 設置爲true表示阻止事件冒泡 ,設置爲false

原创 Angular JS1學習筆記之一簡介與表達式

Angular JS簡介 Angular JS是一個基於JS的框架,通過<script>標籤添加到HTML頁面。如:<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/ang

原创 Bootstrap-柵格系統

一、柵格參數 是否不希望在小屏幕設備上所有列都堆疊在一起?那就使用針對超小屏幕和中等屏幕設備所定義的類吧,即 .col-xs- 和 .col-md-。請看下面的實例,研究一下這些是如何工作的。 比如HTML代碼: <div class

原创 女總裁坐上一輛的士後,她和男師傅的談話,震撼60萬人!

到了機場,我給他留了一張名片,說:“你有沒有興趣這個星期五到我辦公室,給我的員工講一講你怎麼開出租車的?你就當打着表,60公里一小時,你講多久,我就付你多少錢。給我電話。” 沒等司機回話,我便走了。在飛機上,我迫不及待地寫下了這堂生

原创 jQuery學習筆記_選擇器

一、jQuery語法 基礎語法:$(selector).action(); jQuery的所有代碼都將寫在$(document).ready()函數中。 二、選擇器 2.1 基礎選擇器 #id 根據id匹配一個元素 .class 根據

原创 Angular JS1學習筆記之一指令

AngularJS 指令 AngularJS 指令是擴展的 HTML 屬性,帶有前綴 ng-。 AngularJS 通過被稱爲 指令 的新屬性來擴展 HTML。 AngularJS 通過內置的指令來爲應用添加功能。 Angu

原创 網站佈局中Position屬性四個值的區別和用法

position屬性有四個可選值,它們分別是:static、absolute、fixed、relative。 用Div+CSS進行網站佈局時,做一些浮動層等特殊效果時要考慮到定位問題。這就要用到Position屬性等。 【Stati

原创 jQuery學習筆記_DOM操作

一、DOM與jQuery轉化 1.1 Dom對象轉jQuery對象 用$()把DOM對象包起來即可 var domObj = document.getElementById('demo'); var jQueryObj = $(domO

原创 DOM事件探祕之三-鍵盤事件

鍵盤事件 keyDown:按下任意字符鍵事觸發,如果按着不放會重複觸發此事件; keyPress:按下任意字符鍵事觸發,如果按着不放會重複觸發此事件; keyUp:鬆開時觸發的事件。 本次預期是實現一個抽獎的小功能,當

原创 JavaScript_DOM編程藝術第二版學習筆記-第7章

動態創建標記 傳統技術:document.write和innerHTML 深入剖析DOM方法:createElement、createTextNode、appendChild和insertBefore。 一、傳統方法 1.1

原创 Angular JS1學習筆記之一ng-model模型

Angular JS ng-model指令 ng-model用於綁定應用程序(input、select、textarea)的數據到html的controller裏。 與ng-bind區別在於,input是用於用戶輸入的,數據要用n