首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • js透過八個點拖曳改變div大小的實作方法

    js透過八個點拖曳改變div大小的實作方法

    複製代碼代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> Resize</title>
    2025-01-29
  • IE與FireFox的JavaScript相容問題解決方案

    IE與FireFox的JavaScript相容問題解決方案

    以下是我在開發中遇到的情況：1.動態刪除table裡的某一行。 table：表示table物件。 k：表示行號table.rows[k].removeNode(true); //firefox執行失敗，ie執行成功IE與FireFox相容寫入法
    2025-01-29
  • HTML頁面自動清理js、css文件的緩存（自動添加版本號）

    HTML頁面自動清理js、css文件的緩存（自動添加版本號）

    在web項目開發過程中，我們經常會引用css、js文件，更新文件後常出現緩存問題（明明更改了代碼，在瀏覽器上訪問的時候卻沒有發生變化），這種情況我們通常採用以下兩種解決方案：1、手動清除瀏覽器緩存2、添加版本號（如layout.css?v
    2025-01-29
  • js驗證輸入是否為手機號碼或電話號碼範例

    js驗證輸入是否為手機號碼或電話號碼範例

    代碼如下: 複製代碼代碼如下:<script type="text/javascript"> String.prototype.Trim = function() { var m = this.match(/^/s*(/S+(/s+/S+
    2025-01-29
  • 利用html5 canvas動態畫餅狀圖的範例程式碼

    利用html5 canvas動態畫餅狀圖的範例程式碼

    本文介紹了利用html5 canvas動態畫餅狀圖的範例程式碼，分享給大家，具體如下：先來看效果圖這裡並沒引用jquery等第三方函式庫，只是用dom操作和canvas的特性寫的。 canvas畫圓大體分為實心圓和空心圓。根據需求分析知道該圓為實
    2025-01-29
  • 關於onchange事件在IE和FF下的表現及解決方法

    關於onchange事件在IE和FF下的表現及解決方法

    在最近做的一個專案中，有這麼一個功能點：頁面上有一個checkbox，當使用者選擇或取消選擇該checkbox時會向後台發送一個jsonp請求。當時的實作是為這個checkbox增加一個onchange事件，但結果卻出乎意料，為此，我深入的研
    2025-01-29
  • css+js實作部分區域高亮可編輯遮罩層

    css+js實作部分區域高亮可編輯遮罩層

    想大家都做過遮罩層這種常見的功能，css或jquery實現，實現方式多樣化，這裡http://我介紹我在專案中實現的方式，全屏遮罩，部分區域可操作，非常實用。 效果如下圖： js 實作部分： 複製程式碼如下:
    2025-01-29
  • 詳解HTML5 canvas繪圖基本使用方法

    詳解HTML5 canvas繪圖基本使用方法

    <canvas></canvas>是HTML5中新增的標籤，用於繪製圖形，實際上，這個標籤和其他的標籤一樣，其特殊之處在於該標籤可以獲取一個CanvasRenderingContext2D對象，我們可以透過JavaScript腳本來控制該對
    2025-01-29
  • 使用HTML5 Geolocation實作距離追蹤器

    使用HTML5 Geolocation實作距離追蹤器

    HTML5 Geolocation（地理定位）用於定位使用者的位置。那麼如何實現一個距離追蹤器呢？我的思路是這樣的，前提是瀏覽器支援h5地理定位，在這個基礎上，獲取用戶位置，更新用戶位置，計算距離，顯示到頁面，這樣就簡單實現了一個距離追蹤器，
    2025-01-29
  • 詳解基於canvas的視訊遮罩插件

    詳解基於canvas的視訊遮罩插件

    為一個影片添加一個覆蓋物，從而阻擋影片某個區域，在影片的某一時間段，例如第10到第20分鐘不顯示劃定的這塊區域。應用程式場景包括遮擋衛視圖標、 遮擋影片右下角廣告、 充當馬賽克等。一個長視頻可能包含多個遮罩，每個遮罩有特定的顯示時間（在此
    2025-01-29
  • JS將數字轉換成三位逗號分隔的樣式(範例程式碼)

    JS將數字轉換成三位逗號分隔的樣式(範例程式碼)

    複製碼程式碼如下:function formatNum(num){ if(!/^(/+|-)?(/d+)(/./d+)?$/.test(num)){alert("wrong!") ; return num;} var a = RegExp.$
    2025-01-29
  • javascript取得select的目前值範例程式碼(相容IE/Firefox/Opera/Chrome)

    javascript取得select的目前值範例程式碼(相容IE/Firefox/Opera/Chrome)

    JavaScript取得Select目前值寫法：var value = document.getElementById("select").options[document.getElementById("select").options.
    2025-01-29
  • js判斷客戶端是iOS還是Android等行動終端機的方法

    js判斷客戶端是iOS還是Android等行動終端機的方法

    判斷原理：JavaScript是前端開發的主要語言，我們可以透過編寫JavaScript程式來判斷瀏覽器的類型及版本。 JavaScript判斷瀏覽器類型一般有兩種辦法，一種是根據各種瀏覽器獨有的屬性來分辨，另一種是透過分析瀏覽器的userA
    2025-01-29
  • 利用JS來控制鍵盤的上下左右鍵(範例程式碼)

    利用JS來控制鍵盤的上下左右鍵(範例程式碼)

    這是一個JS初級程式碼，想學JS的朋友，可以研究下或擴充下，最好能用JS實現整個鍵盤的控制，那感覺就很有意思了。具體代碼如下：複製代碼代碼如下: <style>tr.highlight{background:#08246B;color:whi
    2025-01-29
  • HTML5拖曳功能實現的拼圖遊戲

    HTML5拖曳功能實現的拼圖遊戲

    具體程式碼如下所示： <!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title> drag拖曳
    2025-01-28
上一頁 151617181920212223下一頁