JavaScript

css3動畫屬性系列之transform細講旋轉rotate，css3rotate1、文法：   transform: none |  <transform-function> [<transform-function>]*  2、取值： none                       &

使用HTML5、CSS3和jQuery增強網站使用者體驗[留存]，html5css3記得幾年前如果你需要添加一些互動元素到你的網站中用來改善使用者體驗？是不是立刻就想到了flash實現？這彷佛年代久遠的事了。使用現在最流行的Web技術HTML5，CSS3和jQuery，同樣也可以實作類別似的使用者體驗。而且使用這些特性將會比使用flash更加有效。也許你可能剛知道Adobe停止開發移動版flash的訊息，雖然在案頭中我們還擁有大量的flash的應用，但是隨著HTML標準的完善，可能flash也要

【乾貨分享】Google 的設計準則，素材和資源，乾貨google　　在Google，他們說， “專註於使用者，所有其它的就會水到渠成 ”。他們遵循設計原則，尋求建立讓使用者驚喜的使用者體驗。Google一直挑戰自己，為他們的使用者創造一種視覺語言，綜合優秀設計的經典原則和創新。Google設計規範是一份活的檔案，因為它們繼續更新最新的設計原則和細節。這是一份值得每位設計師收藏和學習的準則。您可能感興趣的相關文章Web

Bootstrap 3之美02-Grid簡介和應用，bootstrap02-grid本篇主要包括： ■  Grid簡介■  應用Grid■  Multiple Grids     Grid簡介 Bootstrap中，把頁面分成12等份，這就是所謂的Grid。   在Bootstrap中，用類名控制，這些類型遵循".col-xx-6"類似的形式。   2個6就佔滿整個頁面。所以，類名最後面的數字表示要佔幾個格子。  

ExtJs4學習（二）：Dom文檔操作現在主流的JS架構要數ExtJs和JQuery應用的比較廣泛。JQuery屬於輕量級的，一般做網站應用程式比較常見，可見塊頭小的優勢。ExtJs比較龐大，它除了對基本的JS文法和HTML DOM操作方式的封裝之外，還提供了一套強大的UI庫。在企業級B/S解決方案應用上獨佔優勢。就單說它在原生JS的封裝，DOM操作方式封裝方面也足以藐視JQuery。下面我就通過對比API，體現兩種架構的異曲同工之處。我們已JQuery

DIV+CSS常用網頁布局技巧！，divcss布局技巧以下是我整理的DIV+CSS常用網頁布局技巧，僅供學習與參考！第一種布局：左邊固定寬度，右邊自適應寬度HTML Markup  <div id="left">Left sidebar</div>  <div id="content">Main Content</div>CSS Code  <style type="text/css"> 

瀏覽器安全色之Chrome瀏覽器：，相容chrome瀏覽器今天在看demo的時候css樣式裡面發現的 -webkit-text-size-adjust: none; 度娘以後，瞭解這段樣式的作用是：解決Chrome瀏覽器裡面，設定小於12px的字型大小問題。 例子如下：　　p1 {　　　　font-size: 11px;　　};　　p2 {　　　　font-size:

學習記錄jQuery的animate函數很久之前就對jQuery animate的實現非常感興趣，不過前段時間很忙，直到前幾天端午假期才有時間去研究。jQuery.animate的每種動畫過渡效果都是通過easing函數實現的。jQuery1.4.2中就預置了兩個這樣的函數：easing: {linear: function( p, n, firstNum, diff ) {return firstNum + diff * p;},swing: function( p, n,

javascript中event對象詳解event代表事件的狀態，例如觸發event對象的元素、滑鼠的位置及狀態、按下的鍵等等。 event對象只在事件發生的過程中才有效。 event的某些屬性只對特定的事件有意義。比如，fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。 例子 下面的例子檢查滑鼠是否在連結上單擊，並且，如果shift鍵被按下，就取消連結的跳轉。 前端UI資源I分享 Cancels Links

css3 data-attribute屬性打造漂亮的按鈕，css3data-attribute之前介紹了幾款css3實現的按鈕，今天為網友來款比較新鮮的，用css3的data-attribute屬性開發按鈕，當滑鼠經過顯示按鈕的詳細資料。而且實現過程很簡單，幾行代碼就搞定。大家試一試吧。如： 線上預覽   源碼下載不錯吧，貼上實現代碼：html代碼： <button data-hover="愛編程（w2bc.com）收集編程資料，web前端案例">

js 動態修改css檔案用到了cssRule，csscssrule _.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; }

js匿名函數的調用樣本(形式多種多樣)，js多種多樣匿名函數就是沒有實際名字的函數。javaScript的匿名函數形式多樣，而且不搞清楚，容易看暈代碼。以下是成功調用的匿名函數：複製代碼 代碼如下:(function () {alert(3);})();(function f1() {alert(4);})(); //不是匿名函數也能這樣調用！！void function(){alert('void

基於JQuery實現表單元素值的回寫form.jsp:表單回寫<script type="text/javascript"src="jquery.form_util.js"></script><script type="text/javascript">$(function() {var obj={name:"張四",area:"591",sex:"11",enjoy:"100011",note:"xxxxxxxxxxx"};FormUtil.set(obj)

js中使用replace方法完成某個字元的轉換，jsreplace複製代碼 代碼如下:var str = "國字[1990]12號";如何把變數中的“[”和“]”的前面加上反斜線，就是要替換成這樣：str = "國字\[1990\]12號";複製代碼 代碼如下:<script language="javascript" type="text/javascript">var str =

關於js範圍我們知道在程式設計語言中，範圍的作用就是控制變數、參數的可見範圍和生命週期。 js中提供了函數範圍的功效，比如在函數中定義的變數外部是無法訪問到的： function jsFunc(){       var a = 5;  }alert(a); // undefined但是js中卻沒有提供塊範圍的功效，比如我們在java代碼中如果些如下代碼： 複製代碼    public

jquery實現在頁面載入的時自動為日期外掛程式添加當前日期，jquery當前在頁面載入的時候自動為日期外掛程式添加當前日期。<script

Javascript實現邊框閃動最近新做的一項目中有一塊內容為儲值部分，產品經理覺得在使用者餘額不足的時候，除了禁止使用者選擇和輸入的按鈕外，應該讓使用者的視線集中到提示內容上，這樣就能根據提示的內容快速進行儲值操作。於是幾個研究來研究去，最終決定讓提示框的邊框閃爍來達到提醒目的。      

使用時間戳解決ie緩衝的問題，戳解決ie緩衝在開發測試中，如果選擇ie，當編輯某條資料時，再回過頭來進行編輯，會發現，裡面的資料和沒有編輯以前是一樣的， 這和種情況下，解決ie緩衝成了問題。我的方法是，在請求連結後面加上一個時間戳記，就只可以避免這種問題的出現。複製代碼 代碼如下:var getTimestamp=new Date().getTime(); //時間戳記var _url =

JS不能跨域藉助jquery擷取IP地址的方法，jsjquery擷取IP地址，JS也可以擷取用戶端IP地址啦，大家知道JS不能跨域，所以這裡藉助了jquery，真的可以實現擷取IP地址，代碼如下，已通過測試：<script language="javascript" src="http://www.bkjia.com/jslib/jquery/jquery.js"></script> <script language="javascript"> jQuery(

JavaScript檢查某個function是否是原生代碼的方法，javascriptfunction我總是經常碰到需要檢查某個function是否是原生代碼的情況 —— 這是功能測試中一個很重要的內容: 函數是瀏覽器內建支援的,還是通過第三方類庫類比的。要檢測這一點,最簡單的辦法當然是判斷函數的 toString 方法返回的值啦。JavaScript代碼判斷函數是否是原生方法其實相當簡單:// 判斷是否原生函數 function isNative(fn) { // 樣本: //