首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • 按Enter焦點移至下一個控制項的實作js程式碼

    按Enter焦點移至下一個控制項的實作js程式碼

    複製代碼代碼如下:<html><head><title> Enter2Tab</title><script type="text/javascript"> window.onload=function(){ var list = ne
    2025-01-18
  • JS中window.open全螢幕指令解析及使用範例

    JS中window.open全螢幕指令解析及使用範例

    一、程式碼範例複製程式碼如下: window.open(url,'新視窗','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30) +
    2025-01-18
  • 行動端html5模擬長按事件的實作方法

    行動端html5模擬長按事件的實作方法

    為啥寫這篇文章最近接了個需求,要求長按某個標籤顯示刪除一個懸浮的刪除按鈕。這個需求其實在app上很常見,但在行動端h5中,我們沒有長按的事件,所以就需要自己模擬這個事件了。大概效果如下:ps: 為了做個gif還下了app,還得透過郵件寄到
    2025-01-18
  • 詳解左右寬度固定中間自適應html佈局解決方案

    詳解左右寬度固定中間自適應html佈局解決方案

    本文介紹了詳解左右寬度固定中間html">自適應html佈局解決方案,分享給大家,具體如下:a.使用浮動佈局html結構如下<div class=box><div class=left>left</div>
    2025-01-18
  • HTML5 和小程式實現拍照圖片旋轉、壓縮和上傳功能

    HTML5 和小程式實現拍照圖片旋轉、壓縮和上傳功能

    原文網址:github.com/whinc/blog/…最近接到一個發表評論的需求:使用者輸入評論並且可以拍照或從相簿選擇圖片上傳,即支援圖文評論。需要同時在H5 和小程式兩端實現,需求處理圖片的地方較多,本文對H5 端的圖片處理實務做
    2025-01-18
  • HTML5 影片播放(video),JavaScript控制影片的實例程式碼

    HTML5 影片播放(video),JavaScript控制影片的實例程式碼

    具體程式碼如下所示:<html lang=en><head><meta charset=UTF-8><title> Documenttitle><style>figcaption {text-align: center;line-height:
    2025-01-18
  • 利用javaScript實作點選輸入框彈出窗體選擇訊息

    利用javaScript實作點選輸入框彈出窗體選擇訊息

    這裡奉上原始碼,沒有做樣式處理,不過功能是可以的,希望大家可以跟我交流交流!複製代碼代碼如下:<html><head><title>點擊彈出DIV選擇訊息</title>
    2025-01-18
  • javascript取得xml節點的最大值(實作程式碼)

    javascript取得xml節點的最大值(實作程式碼)

    假設現在當前時間為7000毫秒。當時間為3000--6000是去3000的值,當6000--9000時取6000的值,即取xml中小於當前時間的最大值xml文件,複製代碼代碼如下:
    2025-01-18
  • javascript彈出層輸入框(範例程式碼)

    javascript彈出層輸入框(範例程式碼)

    如下圖所示:複製程式碼如下:<script language="javascript" type="text/javascript"> function alertWin(title, msg, w, h) { var titleheigh
    2025-01-18
  • 深入理解javascript中defer的作用

    深入理解javascript中defer的作用

    很多人都已經把Javascript的用的爐火純青了,但見到defer未必就知道他是做什麼用的;很多人也都遇到過這樣的問題,需要直接執行別且操作DOM對象的js 總是報找不到物件的錯誤,原因大家也都知道就是頁面還有沒有載入完畢,js的操作對
    2025-01-18
  • 傳統HTML頁面實作模組化載入的方法

    傳統HTML頁面實作模組化載入的方法

    對於網站來說很多頁面之間都有大量的共享模組,如頁頭,頁腳和用戶欄等。對於具備後端視圖引擎的框架來說這些共享都比較容易抽取,如asp.net mvc來說就有統一佈局的MasterPage,@Section等功能可以共享視圖模板功能。但對於H
    2025-01-18
  • 淺談HTML5中dialog元素嚐鮮

    淺談HTML5中dialog元素嚐鮮

    對話框(別稱模態框,浮層)是web專案中用於使用者互動的重要部分,我們最常見的就是js中alert(),confirm(),但是這個對話框的不美觀,也不能自訂樣式,所以在開發的過程中,一般會根據自己的需求造輪子或是使用第三方的。對話框的
    2025-01-18
  • canvas實現扭蛋機動畫效果的範例程式碼

    canvas實現扭蛋機動畫效果的範例程式碼

    轉眼間,已經實習了兩個月了,公司每個月都有個會員日的活動要做,這個月的任務是做一個扭蛋機抽獎的活動,數據什麼的都有接口,那麼前端剩下最大的任務就只剩下扭蛋機的動畫實現了。背景本來興高采烈地從網路上找了一個扭蛋機動畫,但發現它是直接用css動
    2025-01-18
  • html5/css3響應式頁面開發總結

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

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

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

    複製代碼代碼如下:<html><script> //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.get
    2025-01-18