Time of Update: 2015-01-27
css樣式表十大技巧,css樣式表十大 1.css 字型簡寫規則 當使用css定義字型時你可能會這樣做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事實上你可以簡寫這些屬性: font: 1em/1.5em bold italic small-caps
Time of Update: 2015-01-27
css3動畫animation,css3animation動畫:animation animations這物似乎還是只在webkit,moz核心的瀏覽器上起作用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>動畫</title><style type="text/css">@-moz-keyframes
Time of Update: 2015-01-27
兩列等高,左定寬,右自適應,兩列左定寬這個面試題的具體要求吧: 解決方案:HTML Markup<div id="container"> <div id="content">Main Content</div><div id="sidebar">Left Sidebar</div></div>CSS Code*{margin: 0;padding:
Time of Update: 2015-01-27
如何讓DIV相對於body水平和垂直置中,divbody水平置中我們在設計頁面的時候,經常要把DIV置中顯示,而且是相對頁面視窗水平和垂直方向置中顯示,如讓登入視窗置中顯示。我們傳統解決的辦法是用純CSS來讓DIV置中。在本文中,我將給大家講述如何用CSS和jQuery兩種方法讓DIV水平和垂直置中。CSS讓DIV水平置中說明,本文中所指的DIV包括HTML頁面中所有的元素。讓一個DIV水平置中,直接用CSS就可以做到。只要設定了DIV的寬度,然後使用margin設定邊距0
Time of Update: 2015-01-26
Frameless,frame Frameless 是一個用於在 iOS8 中預覽產品原型的瀏覽器。可以可以協助那些需要一個簡單的方法來預覽 iOS 裝置上的原型設計和開發效果。沒有狀態列,通過手勢控制瀏覽器的曆史以及鍵盤的顯示。 線上示範 源碼下載 您可能感興趣的相關文章網站開發中很有用的 jQuery 效果【附源碼】分享35個讓人驚訝的 CSS3 動畫效果示範十分驚豔的8個 HTML5 &
Time of Update: 2015-01-26
jquery實現點擊頁面計算點擊次數 代碼如下:$(function(){var
Time of Update: 2015-01-27
css3過渡transition,css3transition過渡:transition transition:transition-property/duration/timing-function/delay的縮寫。 transition :
Time of Update: 2015-01-26
JavaScript入門篇之文件物件模型前言: 文件物件模型(Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴充置標語言的標準編程介面。它是一種與平台和語言無關的應用程式介面(API),它可以動態地訪問程式和指令碼,更新其內容、結構和www文檔的風格(目前,HTMl和XML文檔是通過說明部分定義的)。
Time of Update: 2015-01-26
HTML DOM(學習筆記二),htmldom學習筆記嗯,在HTML DOM(學習筆記一)中簡單描述了一下HTML DOM 是什麼,這一篇將記錄下來有關HTML DOM的內容!1:DOM節點首先,再來看一下HTML DOM的樹狀結構,如所示:這就是我們要處理的HTML DOM 也就是一種HTML文檔的另一種表現的形式,更加接近我們的HTML文檔的表現形式的樣式是這樣的,如所示:在HTML DOM中,所有的事物都是節點。HTML DOM就是被視為節點樹的HTML。根據W3C的HTML DOM標準,
Time of Update: 2015-01-25
jQuery源碼分析之jQuery.fn.each與jQuery.each用法,jqueryjquery.each本文執行個體講述了jQuery源碼分析之jQuery.fn.each與jQuery.each用法。分享給大家供大家參考。具體分析如下:先上例子,下面代碼的作用是:對每個選中的div元素,都給它們添加一個red類複製代碼 代碼如下:$('div').each(function(index, elem){
Time of Update: 2015-01-25
HTML
Time of Update: 2015-01-26
基於Extjs的web表單設計器 第三節——控制項拖放看過之前設計器的朋友應該有印象,可能會發覺我們的設計器UI設計布局其實類似Visual studio
Time of Update: 2015-01-25
Javascript中的幾種URL編碼方法比較,javascripturljavascript中存在幾種對URL字串進行編碼的方法:escape(),encodeURI(),以及encodeURIComponent()。這幾種編碼所起的作用各不相同。escape() 方法: 採用ISO
Time of Update: 2015-01-25
使用angular寫一個hello world,angularhelloangularjs遵循MVC模式,慣例來一個hello world吧複製代碼 代碼如下:<html ng-app><head> <script type="text/javascript" src="angular.min.js"></script> <script
Time of Update: 2015-01-25
AngularJS文法詳解(續),angularjs文法詳解src和href屬性Angularjs中src應寫成ng-src,href應寫成ng-href 例如:複製代碼 代碼如下:<img ng-src="/images/cats/{{favoriteCat}}"><a ng-href="/shop/category={{number}}">Some text</a>運算式在模板中可以進行簡單的數學運算、比較運算、布爾運算、位元運算、引用數組、和對象符號等
Time of Update: 2015-01-25
Javascript 拖拽的一些進階的應用(逐行分析代碼,讓你輕鬆了拖拽的原理),javascript逐行我們看看之前的拖拽在周圍有東西的時候會出現什麼問題? 在進階瀏覽器中不會有啥問題,我們放到IE7下面測試一下,問題就出來了。我們可以很清楚的看到,文字都已經被選中了。那這個使用者體驗很不好,用起來也不方便。順便提一下,我們之前加了一個return false;幫我們解決了很多問題,如果去掉這個的話,chrome也會出現一樣的問題。那麼也就是說這個return
Time of Update: 2015-01-25
Javascript 完美運動架構(逐行分析代碼,讓你輕鬆了運動的原理),javascript逐行大家一聽這名字就知道,有了這套架構 網上的效果基本都是可以實現的。實際上之前的運動架構還是有局限性的,就是不能讓好幾個值一塊運動。那這個問題怎麼解決呢? 我們先來看看之前的運動架構function getStyle(obj, name) { if (obj.currentStyle) { return obj.currentStyle[name]; } else { return
Time of Update: 2015-01-25
jQuery選取器querySelector的使用指南,jqueryselector簡介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便地從DOM選取元素,功能類似於jQuery的選取器。這使得在編寫原生JavaScript代碼時方便了許多。用法兩個方法使用差不多的文法,都是接收一個字串參數,這個參數需要是合法的CSS選擇文法。複製代碼 代碼如下:element =
Time of Update: 2015-01-25
Javascript 拖拽的一些簡單的應用(逐行分析代碼,讓你輕鬆了拖拽的原理),javascript逐行今天我們來看看如何讓拖拽的物體不能拖出某個div之外和拖拽的吸附功能上次講到我們的拖拽是不可拖出可檢視區範圍的,在這基礎上我們加個父級的div,不讓他拖出父級。原理和之前的一樣,簡單吧。html代碼:<div id="div2"> <div id="div1"> </div>
Time of Update: 2015-01-25
JavaScript事件委託用法分析,javascript事件用法本文執行個體講述了JavaScript事件委託用法。分享給大家供大家參考。具體分析如下:一、點擊頁面任何部分觸發事件建立一個script1.js檔案。複製代碼 代碼如下:(function() { eventUtility.addEvent(document, "click", function(evt) {