首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • ExtJS4中使用mixins實作多重繼承範例

    ExtJS4中使用mixins實作多重繼承範例

    在ExtJS4中使用mixins來實現多重繼承。具體例子程式碼如下： 複製程式碼如下: (function(){ Ext.onReady(function(){ Ext.define('say',{ canSay:function(){ al
    2025-01-26
  • 利用canvas實作圖片下載功能來實現瀏覽器相容問題

    利用canvas實作圖片下載功能來實現瀏覽器相容問題

    前言:專案中需要實現圖片下載功能，第一個想到的是使用a標籤的download屬性來實現，但是在不同瀏覽器下測試會發現，有的瀏覽器無效，點擊後直接預覽圖片，所以，上網找到了另一個與不同瀏覽器相容的圖片下載的方法，那就是利用canvas來處理圖
    2025-01-26
  • Html5原始俄羅斯方塊（基於canvas）

    Html5原始俄羅斯方塊（基於canvas）

    第一次寫俄羅斯方塊的時候已經是1年多前了，也是我剛學js不久。為了加強對js的理解又加上對遊戲的愛好，於是在沒有參考他人的想法和程式碼下，自己用最基本的js程式碼寫出了基於canvas的俄羅斯方塊。在大三的暑假，我又用了es6的文法進行了改進
    2025-01-26
  • JavaScript判斷變數是否為undefined的兩種寫法差異

    JavaScript判斷變數是否為undefined的兩種寫法差異

    工作中我們常常需要判斷某個變數/屬性是否為undefined。通常有兩種寫法複製程式碼如下:// 方式1 typeof age === 'undefined'; // 方式2 age === undefined 這兩種寫法有什麼差別嗎?
    2025-01-26
  • javascript(js)的小數點乘法除法問題詳解

    javascript(js)的小數點乘法除法問題詳解

    一、用js計算12.32 * 7 結果是多少？答案：86.24000000000001為什麼會出現這種問題？怎麼解決？ js在處理小數的乘除法的時候有一個bug，解決的方法可以是：將小數變成整數來處理。以上的計算可以改為：12.32 * 10
    2025-01-26
  • HTML5 Canvas實作360度全景圖的範例程式碼

    HTML5 Canvas實作360度全景圖的範例程式碼

    許多購物網站現在都支援360實體全景影像，可以360度任意選擇查看樣品，這樣對購買者來說是一個很好的消費體驗，網路上有很多這樣的插件都是基於jQuery實現的有收費的也有免費的，其實很好用的一個叫3deye.js的插件。該插件支援桌面與行動終
    2025-01-26
  • js寫的方法實現上傳圖片之後查看大圖

    js寫的方法實現上傳圖片之後查看大圖

    將圖片查詢出來之後，還需要加一個查看大圖的功能，於是就用​​js寫了一個方法，然後在image的onmouseover事件中調用此方法，這樣在滑鼠懸浮在小圖上面的時候，其大圖就會自動的顯示出來。 顯示大圖和隱藏大圖的js程式碼： 複製程式碼程式碼如下
    2025-01-26
  • ExtJS4中的requires使用方法範例介紹

    ExtJS4中的requires使用方法範例介紹

    ExtJS4的requires是新增的機制，主要是實作非同步載入機制。這樣在不點擊對應的按鈕或選項的時候就不會載入對應的js文件，提高了載入速度和使用者等待時間。 requires機制的實作透過一個Ext.Loader.setConfig函數
    2025-01-26
  • HTML5仿微信聊天介面、微信朋友圈實例程式碼

    HTML5仿微信聊天介面、微信朋友圈實例程式碼

    這幾天使用H5開發了一個仿微信聊天前端介面，尤其微信底部編輯器那塊處理的很好，使用HTML5來開發，雖說功能效果並沒有微信那麼全，但是也相當不錯了，可以發送訊息、表情，發送的訊息自動回滾定位到底部，另外可以對訊息、圖片、影片有不同的右鍵處理
    2025-01-26
  • 基於Html5 canvas實現裁切圖片與馬賽克功能及又拍雲上傳圖片功能

    基於Html5 canvas實現裁切圖片與馬賽克功能及又拍雲上傳圖片功能

    1.核心功能此組件功能包含： 圖片裁剪（裁剪框拖動，裁剪框改變大小）； 圖片馬賽克（繪製馬賽克，清除馬賽克）； 圖片預覽、圖片還原（返回原圖、返回處理圖）； 圖片上傳（取得簽名、上傳圖片）。 2.核心邏輯2.1圖片裁切取得裁切框（長方形
    2025-01-26
  • js離開或重新整理頁面偵測(且相容FF,IE,Chrome)

    js離開或重新整理頁面偵測(且相容FF,IE,Chrome)

    複製代碼代碼如下: <!DOCTYPE html><html><head><script>function closeIt(){return "Any string value here forces a dialog box to /n"
    2025-01-26
  • 如何在Canvas中新增事件的方法範例

    如何在Canvas中新增事件的方法範例

    作為一個前端，為元素添加事件是一件司空見慣的事情。可是在Canvas中，其所畫的任何東西都是無法取得的，更別說添加事件，那麼我們對其就束手無策了嗎？當然不是的！我們在平時專案中肯定都用過許多Canvas的框架，我們發現事件在這些框架中已經使
    2025-01-26
  • 原生JS操作網頁為p元素新增onclick事件及表格隔行變色

    原生JS操作網頁為p元素新增onclick事件及表格隔行變色

    1. 為網頁中的所有p元素新增onclick事件：複製程式碼如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html><head>
    2025-01-26
  • 100個不能錯過的實用JS自訂函數

    100個不能錯過的實用JS自訂函數

    1.原生JavaScript實作字串長度截取複製程式碼如下:function cutstr(str, len) {var temp;var icount = 0;var patrn = /[^/x00-/xff]/;var strre
    2025-01-25
  • Event altKey,ctrlKey,shiftKey屬性解析

    Event altKey,ctrlKey,shiftKey屬性解析

    event.altKey 功能：偵測事件發生時Alt鍵是否被按住了。語法：event.altKey取值：true | false說明：altKey屬性為true表示事件發生時Alt鍵被按下並保持，為false則Alt鍵沒有按下。 altKe
    2025-01-25
上一頁 222324252627282930下一頁