9個令人驚歎的HTML 5和JavaScript實驗

今天,本文與大家分享其中9個很棒的例子,為了有更好的效果,建議在Chrome瀏覽器中瀏覽。1. Untangle拖動藍點,讓所有線都不相交,看看你多久能解開? :)2. Z Type一款太空射擊遊戲,基於ImpactJS遊戲庫開發。3. Cube Out模仿經典的益智遊戲Blockout(三維俄羅斯方塊),移動和旋轉方塊填補空白,完成一層後會自動消隱。4. Bounce一款javascript遊戲,點擊和控制藍色的盒子,讓黃色的點擊不要碰到紅色的點。5. Sketch 3D一款非常棒的素描工具,

讓 JavaScript 拯救 HTML5 的離線儲存

在 網際網路連線無處不在的今天,我們忽然有了另外一個需求,離線 Web。Gmail, Google Reader, Zoho 這些優秀的 Web 應用程式都支援離線使用,這歸功於 Google Gears。然而真正的離線 Web 要靠 HTML 5,這個未來的 Web 語言明星將為  Web 的離線儲存制定一套標準,W3C已經發布 HTML5 離線儲存細則。 有人可能會說,離線 Web 毫無意義,你得到的只是一個蹩腳的傳統型程式,在 wi-fi, 3G

JavaScript判斷數組是否包含指定元素的方法

   本文執行個體講述了JavaScript判斷數組是否包含指定元素的方法。分享給大家供大家參考。具體如下:  這段代碼通過prototype定義了數組方法,這樣就可以在任意數組調用contains方法  ? 1 2 3 4 5 6 7 8 9

JavaScript實現文字框中預設顯示背景圖片在獲得焦點後消失的方法

   本文執行個體講述了JavaScript實現文字框中預設顯示背景圖片在獲得焦點後消失的方法。分享給大家供大家參考。具體如下:  html代碼:  ? 1 2 3 4 5 6 7 8 9

JavaScript獲得指定對象大小的方法

   本文執行個體講述了JavaScript獲得指定對象大小的方法。分享給大家供大家參考。具體如下:  ? 1 2 3 4 5 6 7 8 9 10 11

JavaScript每天定時更換皮膚樣式的方法

   本文執行個體講述了JavaScript每天定時更換皮膚樣式的方法。分享給大家供大家參考。具體分析如下:  這段js代碼通過每天在不同時段自動更換網頁調用的樣式表,實現更換皮膚的功能。  ? 1 2 3 4 5 6 7 8 9

JavaScript實現串聯功能表的方法

   本文執行個體講述了JavaScript實現串聯功能表的方法。分享給大家供大家參考。具體實現方法如下:  ? 1 2 3 4 5 6 7 8 9 10 11 12

JavaScript使表單中的內容顯示在螢幕上的方法

   本文執行個體講述了JavaScript使表單中的內容顯示在螢幕上的方法。分享給大家供大家參考。具體實現方法如下:  一、使內容水平出現  ? 1 2 3 4 5 6 7 8 9 10 11

JavaScript非同步方法呼叫隊列鏈

在javascript中,方法的鏈式調用很流行,使用jQuery的朋友對此一定深有體會。在《javascript設計模式》中對這種方法作了比較詳細的描述,實現方法的鏈式調用,只須讓在原型中定義的方法都返回調用這些方法的執行個體對象的引用即可,看看書中的這段代碼: 以下為引用的內容: (function() {   function _$(els) {

javascript處理a標籤超連結預設事件的方法

   本文執行個體講述了javascript處理a標籤超連結預設事件的方法。分享給大家供大家參考。具體分析如下:  有時需要在a標籤上添加click事件,並且跳轉前處理一些事務,故需要做一些處理;通常前端會給出一個link來代表這個行為,有些還會這樣寫link或者link這樣的寫法,但這樣並不相容所有瀏覽器,有些瀏覽器就會出現很怪異的形為。  因此,這個問題需要其它方法來解決,其一是用jquery的阻止預設事件,就像JQUERY的官方API中所給出的樣本:  ?

javascript日期計算執行個體分析

   本文執行個體講述了javascript日期計算。分享給大家供大家參考。具體如下:  ? 1 2 3 4 5 6 7 8 9 10 11 12 13

JavaScript中Null與Undefined的區別解析

   這篇文章主要介紹了JavaScript中Null與Undefined的區別解析,本文給出了多個代碼執行個體講解它們之間的區別,需要的朋友可以參考下  在JavaScript中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會使JavaScript的開發人員產生疑惑,在什麼時候是Null,什麼時候又是Undefined?  Undefined類型只有一個值,即undefined。當聲明的變數還未被初始化時,變數的預設值為undefined。  Null類型也只有一

javascript實現倒計時

   本文給大家分享的是個人項目中使用的javascript實現的精確到秒級的倒計時代碼,十分的實用,有需要的小夥伴可以參考下。  代碼相當簡單實用,這裡就不多廢話了,小夥伴們簡單看下就能明白  ? 1 2 3 4 5 6 7 8 9

JavaScript判斷undefined類型的正確方法

   這篇文章主要介紹了JavaScript判斷undefined類型的正確方法,相信很多同學在遇到這問題時都會用到錯誤的方法,正確方法也很簡單,需要的朋友可以參考下   代碼如下:  if (reValue== undefined){  alert("undefined");  }  發現判斷不出來,最後查了下資料要用typeof  方法:   代碼如下:  if (typeof(reValue) == "undefined")

13個增強Web設計介面的Javascript指令碼

Javascript能讓Web設計更具互動性、更美觀和更方便的控制內容的展示。比如我們之前就介紹過11款控制內容展示的Javascript特效和技巧,本文裡面,則介紹13個增強Web設計介面的Javascript指令碼。1.Easy News Easy News是一個可以讓您輕鬆顯示網站新聞或圖文內容展示的jquery外掛程式,可設定Fade In-Out ,Slide Up-Down, Left To Right

javascript實現給定半徑求出圓的面積

   這篇文章主要介紹了javascript實現給定半徑求出圓的面積的相關資料,需要的朋友可以參考下  代碼相當簡單,這裡就不多廢話了,小夥伴們自己參考下吧。  ? 1 2 3 4 5 6

javascript實現一個數值加法函數

   這篇文章主要介紹了javascript實現一個數值加法函數,十分的簡單實用,方便大家理解javascript,有需要的小夥伴可以參考下。  廢話不多說,直接奉上代碼  JS  ? 1 2 3 4 5 6 7 8 9

淺談JavaScript異常處理語句

  考慮到 JS 中的錯誤可比伺服器端的代碼產生的錯誤要多得多,並且還難以發現及修正,所以 JS 代碼必須有異常處理以及全域一場處理。  程式運行過程中難免會出錯,出錯後的運行結果往往是不正確的,因此運行時出錯的程式通常被強制中止。運行時的錯誤統稱為異常,為了能在錯誤發生時得到一個處理的機會,JavaScript提供了異常處理語句。包含try-catch、try-catch-finally和throw.  try-catch語句  ?

JavaScript類比實現鍵盤打字效果

   這篇文章主要介紹了JavaScript類比實現鍵盤打字效果,本文直接給出執行個體代碼,需要的朋友可以參考下  ? 1 2 3 4 5 6 7 8 9 10 11 12

href="#"與href="javascript:void(0)"的區別

"#"包含了一個位置資訊預設的錨點是#top 也就是網頁的上端而javascript:void(0) 僅僅表示一個死連結這就是為什麼有的時候頁面很長瀏覽連結明明是#可是跳動到了頁首而Javascript:void(0) 則不是如此所以呼叫指令碼的時候最好用void(0)或者<input onclick><div

總頁數: 3271 1 .... 1171 1172 1173 1174 1175 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.