首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • html5/css3響應式頁面開發總結

    html5/css3響應式頁面開發總結

    一，自適應和響應式的區別自適應是一套模板適應所有終端，但每種設備上看到的版式是一樣的，俗稱寬度自適應。響應式一套模板可適應所有終端，但每種裝置看到的版式可以是不一樣的。雖然響應式/自適應網頁設計會帶來相容各種裝置工作量大、程式碼累贅、載入時間長
    2025-01-18
  • javascript修改表格背景顏色實例程式碼分享

    javascript修改表格背景顏色實例程式碼分享

    複製代碼代碼如下:<html><script> //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.get
    2025-01-18
  • javascript中文字方塊中輸入法切換的問題

    javascript中文字方塊中輸入法切換的問題

    可以透過設定ime-mode在頁面輸入控制中關閉輸入法希望關閉輸入法：< input style ="ime-mode:disabled" > 希望使用目前輸入法：<input style="ime-mode:active">當某個文字域
    2025-01-18
  • javascript 數位格式化輸出的實作程式碼

    javascript 數位格式化輸出的實作程式碼

    複製代碼代碼如下: <script type="text/javascript">var format = function (number, form) {var forms = form.split('.'), number = '' +
    2025-01-18
  • 教你如何一步一步用Canvas寫一個貪吃蛇

    教你如何一步一步用Canvas寫一個貪吃蛇

    之前在慕課網看了幾集Canvas的視頻，一直想著寫點東西練練手。感覺貪吃蛇算是比較簡單的了，當年大學的時候還寫過C語言字符版的，沒想到還是遇到了很多問題。最終效果如下（圖太大的話時間太長錄製gif的軟體有時限…）先定義遊戲區域。貪吃蛇
    2025-01-18
  • 詳解rem 適配佈局

    詳解rem 適配佈局

    現今手機種類繁多且不說iphone系列，安卓手機的種類已經數不勝數了，所以不可能每一款手機都要寫一套佈局樣式，這也是不可能做到的，但是對於越來越精益求精的前端來說，當然要找到一個合理的解決方案。 rem 就是用來自適應佈局的。適配要達到的
    2025-01-18
  • ExtJS的拖曳效果範例

    ExtJS的拖曳效果範例

    複製代碼代碼如下:<html><head><title> hello</title><meta http-equiv="content-type" content="text/html;charset=utf-8">
    2025-01-18
  • 用Javascript取得頁面元素的具體位置

    用Javascript取得頁面元素的具體位置

    製作網頁的過程中，你有時候需要知道某個元素在網頁上的確切位置。 下面的教學總結了Javascript在網頁定位方面的相關知識。 一、網頁的大小和瀏覽器視窗的大小首先，要先明確兩個基本概念。 一張網頁的全部面積，就是它的大小。通常情況下，網頁
    2025-01-18
  • JavaScript―window物件使用範例

    JavaScript―window物件使用範例

    window物件是JavaScript瀏覽器物件模型中的頂層對象，包含多個常用方法和屬性： 1 開啟新視窗複製程式碼程式碼如下: window.open(pageURL,name,parameters) 其中： pageURL為子視窗路徑 n
    2025-01-18
  • html5 postMessage前端跨域並前端監聽的方法範例

    html5 postMessage前端跨域並前端監聽的方法範例

    有時候會遇到傻X需求，例如前端單點登陸！遇到需求，就要去想解決辦法，這裡我為大家做一個簡單的前端單點登陸的解決方案，用到的就是postMessage跨域資訊傳輸以及onstorage的監聽。本文所用的知識點koa架設靜態資源服務、跨域、p
    2025-01-18
  • 使用HTML5 IndexDB儲存映像和檔案的範例

    使用HTML5 IndexDB儲存映像和檔案的範例

    有一天，我們寫了關於如何在localStorage中保存圖像和檔案的文章，它是關於我們今天可用的實用主義。 然而，localStorage有一些性能影響- 我們將在稍後的博客中討論這個問題- 並且未來期望的方法是使用IndexedDB。
    2025-01-18
  • 深入理解JavaScript中的傳值與傳引用

    深入理解JavaScript中的傳值與傳引用

    1.傳值(by value)變數的值被複製出一份,與原來的值將不相干,也就是說即使新的值被修改,原來的值也不會改變,在JavaScript中基本型別都是傳值的.複製程式碼如下:function testPassValue(){var m=
    2025-01-18
  • html中表單提交的實現

    html中表單提交的實現

    表單提交代碼1、原始碼分析<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>
    2025-01-18
  • canvas拼圖功能實作程式碼範例

    canvas拼圖功能實作程式碼範例

    最近做專案的時候遇到照片拼圖的功能，便在這裡分享自己的封裝的canvas拼圖功能，可能代碼寫的不好，如果有疑問或者是有更好的方法的，可以私聊我，或者是評論指出，感謝各位實現的思路其實挺簡單的，主要是透過服務端獲取圖片鏈接，圖片寬度，圖片高度
    2025-01-18
  • 使用HTML截圖並儲存為本機圖片的實作程式碼

    使用HTML截圖並儲存為本機圖片的實作程式碼

    具體程式碼如下所示：<!DOCTYPE html><html><head><meta charset=UTF-8><title> html2canvas_download</title>
    2025-01-18
上一頁 343536373839404142下一頁