首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • 前端實現背景虛化但內容清晰且自適應的實例程式碼

    前端實現背景虛化但內容清晰且自適應的實例程式碼

    講乾貨，不囉嗦，有時候前端會遇到背景虛化但要求內容清晰的需求，先看效果：以下為具體實現：<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title>背景虛化</
    2025-01-17
  • HTML5實現行動端彈幕動畫效果

    HTML5實現行動端彈幕動畫效果

    想法1.把單一內容編輯好，計算自身寬度，確定初始位置2.移動的距離是螢幕寬度3.js動態的加入css動畫函數，將高度、動畫移動時間、動畫延遲時間都用隨機數控製程式碼：html骨架結構(以三個為例，如果覺得介面太長不友好，也可以js動態的生成)
    2025-01-17
  • 基於HTML5 的Windows 畫圖程序

    基於HTML5 的Windows 畫圖程序

    Windows 畫圖程式一直伴隨著Windows 各個版本，這個很簡單，幾乎沒有什麼用處的程式擁有最基本的繪圖功能，很適合用來塗鴉。 HTML5 的Canvas 物件使線上繪圖成為可能，雖然HTML5 還遠未成熟，但許多人已經迫不及待地用它設計一些令人驚嘆的應用程式。
    2025-01-17
  • 關於前端上傳檔案全面基礎掃盲貼（入門）

    關於前端上傳檔案全面基礎掃盲貼（入門）

    前言為什麼分章節寫呢？因為涵蓋的知識點比較多，也可能我力盡詳細介紹，照顧下基礎不好的人，溫故而知新。剛開始的確是打算一篇搞定的，寫道一半發覺已經相當長篇大論了，好多人例如我一進來看到這麼多內容就已經怕了，而且不是每個人都需要了解全部內容，於
    2025-01-17
  • JavaScript中的連字符詳解

    JavaScript中的連字符詳解

    晚上花了2小時的時間，來用Javascript處理一個簡單的字串過濾功能，程式碼貼到下面，其實很簡單，就是想把Google AJAX Search API回傳的查詢結果中的<b/>過濾掉。之所以花這麼多時間，很重要的原因就是對Jav</b>
    2025-01-17
  • Google (Local) Search API的簡單使用介紹

    Google (Local) Search API的簡單使用介紹

    花了兩天的時間來用Google的API來做這麼一個小東西，其實真正的實作程式碼不是很多，十幾行而已。花時間的工作是了解各個API的功能以及調試JavaScript。下面簡單介紹一下這次我用到的幾個函數吧。建構函式google.search.L
    2025-01-17
  • asm.js使用範例程式碼

    asm.js使用範例程式碼

    複製程式碼如下:function mymodule(global, foreign, buffer) {"use asm";// ---------------------------- --------------------------
    2025-01-17
  • 把富文本的回車轉為br標籤

    把富文本的回車轉為br標籤

    例如：我家孩子在SayABC小班↵跟朋友們一起互幫互助，↵合作競爭，學習更有動力！ ↵從簡單的單字到句型和場景對話，↵孩子越來越敢於開口說英語啦！ [耶]↵掃碼立即領取外教課[愛
    2025-01-17
  • HTML5自訂屬性的問題分析

    HTML5自訂屬性的問題分析

    問題背景在頁面與js傳值中我們常用到data-id=1的方式，然後透過e.target.dataset.id取id的值今天在取得值時怎麼也取不到問題分析後來發現e對象有currentTarget和target屬性，而dataset就在cu
    2025-01-17
  • juery框架寫的彈跳窗效果適合新手

    juery框架寫的彈跳窗效果適合新手

    本人新寫點代碼有點村，希望大家多多包含！ ！ ！ ！ ！ ！ 複製代碼代碼如下:<html><head><title> js彈跳窗效果</title>
    2025-01-17
  • js使用數組判斷提交資料是否存在相同數據

    js使用數組判斷提交資料是否存在相同數據

    複製程式碼如下: var productIds = $(".productId"); var arry = new Array(); arry = productIds; var ary=arry.sort(); for(var i=0;
    2025-01-17
  • Html5 實作微信分享及自訂內容的流程

    Html5 實作微信分享及自訂內容的流程

    最近一個專案有一個微信分享並且需要自訂微信分享內容的需求，因為是第一次接觸到微信分享，所以記錄一下期間遇到的一些問題，以及完成功能的整個流程。以下為大概流程(細節放在各階段)安裝weixin-js-sdk初始化微信分享配置微信分享自定
    2025-01-17
  • 使用CSS 3新技術完美實現圓角效果

    使用CSS 3新技術完美實現圓角效果

    今天學習使用CSS3 技術不需要圖片即可實現圓角，把側邊欄標題背景的圓角效果和搜尋框的圓角效果用CSS3 實現。記錄一下以便日後使用。 W3C 很早就制訂了實現了CSS 圓角的CSS3 屬性：border-radius，Firefox 和Safari 也透過私有屬性實現了該功能：
    2025-01-17
  • 手把手教你用canvas實現為圖片添加平鋪浮水印的實現

    手把手教你用canvas實現為圖片添加平鋪浮水印的實現

    最近專案中遇到一個需求，需要把一張圖片加上平舖的浮水印類似這樣的效果首先想到的是用canvas完成這種功能，因為我之前也沒有接觸過canvas，所以做這個功能的時候，就是一步一步的摸索中學習，過程還挺nice的，接下來跟我一步步來實現這個功
    2025-01-17
  • 詳解html的幾種水平垂直居中的方式（基礎）

    詳解html的幾種水平垂直居中的方式（基礎）

    前言我們在編寫馬過程中，想必大家對水平垂直居中的方法了解不多。所以我給大家總結式的列出幾種常用的水平垂直居中的方法。第一種方法<!--html盒子代码--><!--水平垂直居中--><div class=Centered1><p>
    2025-01-17
上一頁 383940414243444546下一頁