其他

文章目錄 transition-durationtransition-timing-functiontransition-delay CSS3中和動畫有關的屬性有三個 transform、transition 和 animation。下面來一一說明:      transform   從字面來看transform的釋義為改變，使…變形；轉換 。這裡我們就可以理解為變形。那都能怎麼變呢？none 表示不進行變換；rotate 旋轉      

由於經常拍照，對於高清大照片，總覺得電腦螢幕太小看著不太爽，想放大看細節也不太方便，既然HTML5支援全屏了，那為何不用呢？ 於是寫了這麼一個小東東，只為滿足自己看高清大圖的需求。特點： 在支援HTML5 fullscreen API的瀏覽器上自動全螢幕顯示 支援雙擊縮放圖片，可方便的查看原片的畫質 支援鍵盤翻頁。HTML：<div id="container"><a href="big.jpg" rel="fullScreenGallery"

<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> $('body').mousewheel(function(event, delta) { var left=$(window). scrollLeft();

手勢功能在手持平台應用較為豐富，PC上的應用還不是很多，不過還是有一些軟體已應用這個功能如遨遊瀏覽器等，應用得當還是相當可以豐富使用者的互交體驗的。接下來我將介紹如何為ListBox添加手勢功能支援。這裡我們用到了InkCanvas，它有一個Gesture事件，在這個事件中我們可以得到我們所畫出的形狀的地區及e.Strokes[0].GetGeometry()，然後我們對這ListBox的這個地區做命中檢查VisualTreeHelper.HitTest，從中過濾出我們想選中的多個ListBox

看了很多人討論Dynamic。不禁自己也想挖掘下。下面把自己的體會分享給大家  1.Dynamic關鍵字是為了方便訪問某個對象。而跟DLR沒太大關係。使用了dynamic關鍵字建立的對象實際上是一個object. 使用.net 4.0以下的Reflector就可以看到.

appendChildvar para = document.createElement("p"); var testdiv = document.getElementById("testdiv"); testdiv.appendChild(para);createTextNode如果想加點文字在P中，不能用createElement，這個只能用於建立元素節點。你想建立一個文本節點。可以使用 createTextNode 方法。

在C/S架構中，不管是傳統的winform還是wpf都可能會遇到進行非同步作業檔案的時候。檔案小還好說，直接寫作業碼。如果是大檔案很多時候做成非同步操作。在介面上顯示一個進度條什麼的，後台使用一個backgroundworker來做。在這裡告訴大家在.NET Framework4.5中支援非同步IO的操作。大大簡化之前些的非同步方法呼叫代碼。使用backgroundworker代碼View Code private void Button_Click_3(object sender,

主題：使用 Jquery的 scroll事件，實現當捲軸到達最底部時，自動載入新項原理：捲軸事件中，判斷是否到達最底部，是的話調用添加方法，非同步向尾部追加內容。補充1：網上有找到一個此效果的網站：www.diandian.com       2：替代方案：QQ空間的社交動向更新中使用在最底部放置一個按鈕，之後非同步載入資料！前置條件：添加jquery.min.js源碼：（以下代碼，關於判斷是否為最底部的方式，其精確性有待進一步研究）-------------------------------

html5原生支援placeholder，對於不支援的瀏覽器（ie），可用js類比實現。js代碼(function(){//判斷是否支援placeholder function isPlaceholer(){var input = document.createElement('input');return "placeholder" in input; }//不支援的代碼 if(!isPlaceholer()){//建立一個類 function

原文http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page當一個html包含很小一部分內容的時候，頁尾（footer）就會在頁面的中間，底部會留一段空白。尤其是在大螢幕上，看起來更不舒服。                問題                                                     最終效果 查看示範 支援主流瀏覽器：Firefox (Mac &

  對於個人或者微型團隊在項目代碼版本控制上還是有很多在使用隨身碟或者網盤。我相信大家都想過用原始檔控制總管，svn、git，tfs等可能都想過。但是由於各種因素放棄使用了，無非都是在考慮了種種因素：成本、商業機密等。 那麼給大家推薦tfs，http://tfs.visualstudio.com/，提供免費的雲動力原始碼託管，完全滿足個人使用或者微小型團隊的使用。最重要的是可以與git項目進行整合。 

不知道如何插入可以啟動並執行html，所以看不到效果了。發個最常用的 圖片+標題（上下）結果的 html代碼。已經做到了最簡潔，最相容 。做HTML時間長了 就發現所有的工作都是重複，工作效率提高的重要因素就是代碼重用。模組化。以後慢慢整理。到時候做頁面那就是大塊大塊的複製粘貼了。想想都愜意 ：）CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--

當使用者通過滑鼠滾輪與頁面互動、在垂直方向上滾動頁面時（無論向下還是向上），就會觸發mousewheel事件。這個事件可以在任何元素上面觸發，最終會冒泡到document(IE)或window(Opera、Chrome、及Safari)對象。 在IE中觸發的是mousewheel事件。在Firefox中觸發的DOMMouseScroll 事件。 在使用的時候分別為元素繫結兩個事件就可以了。標準瀏覽器用 e.preventDefault(); 再來個取消冒泡 e.stopPropagation()

 發現IE9 羞辱 Chorme9的一個地方 http://ie.microsoft.com/testdrive/Default.html IE的這個Banner針對瀏覽器選擇顯示什麼圖片 用Chorme開啟 會變成這個 正常情況下運行Speed Reading Chorme完成的很不錯。 按照他的提示 about:flags 中開啟  現在看看Chrome 經過驗證發現此問題只出現在9.0.587.0.dev 之前版本開啟GPU Accelerated Canvas 2

在大部分前端開發中,需要在DOM樹載入時馬上執行一些函數，但又不願意僅為了這一個需求而引入整個jQuery庫，於是就把jQuery的ready方法提取出來，單獨使用了。當然大家可以使用windows.onload事件,

WPF 的 TreeView 控制項內建的樣式 1 的左邊所示，節點前的箭頭還不錯，但是選中效果實在是不給力，如果想更加華麗的話，那麼很有必要把 TreeView 的樣式好好自訂一番。我最後得到的結果 1 的右邊所示，是一個 Win8 風格的 TreeView。圖 1 TreeView 樣式對比在 WPF 中，自訂控制項的外觀是一件非常簡單的事情，但對於 TreeView 來說，最大的困難則在於如何做到節點的整行選擇。這是因為 TreeView 的項目範本預設是 2 所示的。圖 2

//縮放類  相容性良好 var zoomClass = function(o){    if (typeof(o) == "string")         o = document.getElementById(o);        if (document.attachEvent)         o.attachEvent("onmousewheel", func);    else         o.addEventListener("DOMMouseScroll", func,

醞釀兩年之後，微軟發布了Reactive

input控制項有個length的屬性，可以方便地擷取字數。可是，它所返回的字數無論是中文還是英文或者數字，1個字就算1個字。客戶要限制字數的原因是為了頁面顯示的時候排版不會亂，因此一個漢字需要按2個英文字元來計算。這樣的話，這個預設的length就無用武之地了。

發一個很久以前的作品，當開始得知CSS3可以做動畫時，就很想玩玩，於是就做了個充滿童年回憶的大風車。 HTML：<div class="windmill"><div class="red"></div><div class="yellow"></div><div class="blue"></div><div class="green"></div><div class="dot"&