Time of Update: 2016-01-11
最常用的CSS技巧收集筆記,css技巧收集1.重設瀏覽器的字型大小 重設瀏覽器的預設值 ,然後重設瀏覽器的字型大小你可以使用雅虎的使用者介面重設的CSS方案 ,如果你不想下載9MB的檔案,代碼如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; } table { border-collapse:
Time of Update: 2016-01-11
HTML中IE條件注釋判斷語句(<!--[if XX IE X]><![endif]-->),xxendif<!--[if XX IE
Time of Update: 2016-01-11
javascript多物體運動實現方法分析,javascript物體本文執行個體講述了javascript多物體運動實現方法。分享給大家供大家參考,具體如下:這裡需要注意:每個運動物體的定時器作為物體的屬性獨立出來互不影響,屬性與運動對象綁定,不能公用。運行效果如下:例子:<!doctype html><html><head><meta
Time of Update: 2016-01-11
jQuery拋物線運動實現方法(附完整demo源碼下載),jquery源碼下載本文執行個體講述了jQuery拋物線運動實現方法。分享給大家供大家參考,具體如下:運行效果如下:點擊此處查看線上示範效果。完整執行個體代碼點擊此處本站下載。具體代碼如下:<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>拋物線運動效果</title> <style type="
Time of Update: 2016-01-11
JavaScript緩衝運動實現方法(2則樣本),javascript2則本文執行個體講述了JavaScript緩衝運動實現方法。分享給大家供大家參考,具體如下:實現原理:(目標距離-當前距離) / 基數 = 速度(運動距離越大速度越小,運動距離和速度成反比)複製代碼 代碼如下:(500 - oDiv.offsetLeft) / 7 = iSpeed;需要注意:當計算出來的速度有小數時需要取整;複製代碼 代碼如下:(500 - oDiv.offsetLeft) / 7 = iSpeed;
Time of Update: 2016-01-11
jQuery自訂捲軸完整執行個體,jquery自訂捲軸本文執行個體講述了jQuery自訂捲軸實現方法。分享給大家供大家參考,具體如下:很多時候,由於美觀上的考慮,往往需要自訂各種各樣的捲軸,因此,本人做了一個demo運行效果如下:以下是代碼部分:<html> <head> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script>
Time of Update: 2016-01-11
js實現對ajax請求物件導向的封裝,jsajax請求物件導向AJAX 是一種用於建立快速動態網頁的技術。通過在後台與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。在js中使用ajax請求一般包含三個步驟: 1、建立XMLHttp對象
Time of Update: 2016-01-11
jQuery CSS3相結合實現時鐘外掛程式,jquerycss3廢話不多說了,直接給大家貼代碼了。如下所示: 簡潔代碼如下:<link rel="stylesheet" href="http://hovertree.com/texiao/hoverclock/jquery.hoverclock.2.1.0.css" /><script
Time of Update: 2016-01-11
bootstrap-treeview自訂雙擊事件實現方法,bootstraptreeviewbootstrap-treeview是一款效果非常酷的基於bootstrap的jQuery多級列表樹外掛程式。該jQuery外掛程式基於Twitter Bootstrap,以簡單和優雅的方式來顯示一些繼承樹結構,如視圖樹、列表樹等等。但是不知為什麼這個外掛程式沒有內建雙擊事件。經過多次測試,使用方法$('#tree').dblclick( function () {})和方法$('#tree').on('
Time of Update: 2016-01-11
執行個體講解javascript註冊事件處理函數,執行個體講解javascript事件是javascript的核心內容,它的重要性這裡就不多介紹了。觸發事件之後就需要有事件處理函數去處理,例如我們可以定義當點擊一個按鈕之後,將一個div的背景設定為綠色,那麼就先看一下如何?此效果,代碼執行個體如下:<html> <head> <meta charset=" utf-8"> <title>javascript如何註冊事件處理函數</title&
Time of Update: 2016-01-11
學習JavaScript設計模式之狀態模式,javascript設計模式狀態模式的關鍵是區分事物內部的狀態,事物內部狀態的改變往往會帶來事物的行為改變。當電燈開著,此時按下開關,電燈會切換到關閉狀態;再按一次開關,電燈又將被開啟。同一個開關在不同的狀態下,表現出來的行為是不一樣的。一、有限狀態機器 狀態總數(state)是有限的。 任一時刻,只處在一種狀態之中。 某種條件下,會從一種狀態轉變(transition)到另一種狀態。
Time of Update: 2016-01-11
js父頁面中使用子頁面的方法,js頁面使用方法iframe是非常常用的一個html元素,如果在父頁面中使用子頁面的方法應該怎麼寫呢,下面就做一下簡單的介紹。一、父頁面代碼<html><head><meta charset=" gb2312"><title>父頁面</title><script type="text/javascript">function parentFunction() { alert('function
Time of Update: 2016-01-09
果斷收藏9個Javascript代碼高亮指令碼,javascript高亮代碼高亮很有用,特別是在需要在網站或者blog中顯示自己編寫的代碼的時候,或者給其他人查看或調試語法錯誤的時候。我們可以將代碼高亮,以便閱讀者可以十分方便的讀取代碼塊,增加使用者閱讀代碼的良好體驗。目前,有很多免費而且有用的代碼高亮指令碼。這些指令碼大多是由Javascript語言編寫,也有些使用其它語言(比如java、Phyton或Ruby)等寫的。下面來推薦最受歡迎、最實用的9個Javascript代碼高亮指令碼。1.S
Time of Update: 2016-01-09
this,this,再次討論javascript中的this,超全面(經典),javascriptthisJavaScript 是一種指令碼語言,因此被很多人認為是簡單易學的。然而情況恰恰相反,JavaScript 支援函數式編程、閉包、基於原型的繼承等進階功能。本文僅採擷其中的一例:JavaScript 中的 this 關鍵字,深入淺出的分析其在不同情況下的含義,形成這種情況的原因以及 Dojo 等 JavaScript 工具中提供的綁定 this 的方法。可以這樣說,正確掌握了
Time of Update: 2016-01-09
jQuery Mobile 自訂標籤最近在規劃產品國際化的需求,涉及到PC Web,移動Web,和各app。設計了多個版本的移動Web均不理想。由於移動Web採用了jQuery Mobile架構,所以將切換語言放在哪個位置更合理進行了討論。討論的過程和多個方案我就不提了,先來看看最終效果:是不是感覺很經驗,這裡一開始嘗試了多次,最終自訂了一個下拉選項,代碼如下:<script type="text/javascript"
Time of Update: 2016-01-09
基於HTML+CSS,jQuery編寫的簡易計算機後續(添加了鍵盤監聽),cssjquery之前發布了一款簡易的計算機,今天做了一下修改,添加了鍵盤監聽事件,不用再用滑鼠點點點啦JS代碼:var yunSuan = 0;// 運算子號,0-無運算;1-加法;2-減法;3-乘法;4-除法var change = 0;// 屬於運算子後需要清空上一數值var num1 = 0;// 運算第一個資料var num2 = 0;// 運算第二個資料var cunChuValue = 0;// 儲存的數值$
Time of Update: 2016-01-09
詳解jQuery Mobile自訂標籤,jquerymobile本文執行個體講解了jQuery Mobile自訂標籤,分享給大家供大家參考,具體內容如下規劃產品國際化的需求時,涉及到PC Web,移動Web,和各app。設計了多個版本的移動Web均不理想。由於移動Web採用了jQuery
Time of Update: 2016-01-09
4種JavaScript實現簡單tab選項卡切換的方法,javascripttab本文執行個體講解了4種JavaScript實現簡單tab選項卡切換的方法,分享給大家供大家參考,具體內容如下: 方法一:for迴圈+if判斷當前點擊與自訂數組是否匹配<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切換</title>
Time of Update: 2016-01-09
JavaScript iframe資料共用介面實現方法,iframe資料共用在iframe與父視窗或者與子視窗傳遞資料是一個麻煩的事情,如果我們能夠寫一個一勞永逸的介面那就再方便不過了,下面就來簡答介紹一下如何?此功能。原理就是將資料緩衝早window.top這個視窗,這樣無論子視窗父視窗的層次如何變化,資料總是存在不會變化的。代碼如下:var share={ data:function(name,value){ var top=window.top, cache=top['_CACHE']||
Time of Update: 2016-01-08
深入淺析AngularJS中的module(模組),angularjsmodule什麼是AngularJS的模組我們所說的模組,是你的AngularJS應用程式的一個組成部分,它可以是一個Controller,也可以是一個Service服務,也可以是一個過濾器(Filter),也可以是一個directive(指令)等等…都是屬於一個模組!大多數的應用程式都是有一個自己的函數入口方法Main ,用它來進行初始化,以及載入裝配各個模組,然後這些模組的組合,構成了你的應用程式,對吧?但是,but,