首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • HTML5 device access 裝置存取詳解

    HTML5 device access 裝置存取詳解

    camera api (含圖片預覽)參考位址主要為利用input type=file, accept=image/* 進行處理圖片預覽方式(兩種)const file = e.target.files[0]// 方式1 const url1
    2025-01-30
  • 新增加的內容是如何將div的scrollbar自動移動最下面

    新增加的內容是如何將div的scrollbar自動移動最下面

    有時候我們在做動態增長的div時,一般都是將內容append到div的最下面,但這會帶來一個比較蛋疼的問題,那就是新增加的內容會被遮在最下面,比如這樣如何才能讓scrollbar自動移動最下面呢,這就需要js的幫助了,假設div的id為my
    2025-01-30
  • HTML5 Canvas 旋轉風車繪製

    HTML5 Canvas 旋轉風車繪製

    寫在前面:親愛的朋友們大家好,鄙人自學前端,第一次寫博客,寫的不好的地方,煩請同學們諒解.在進行教學之前,我想聰明的你已經掌握了基本的Canvas基本操作方法,如果對Canvas還不是很了解,那麼我建議你去http://www.w3scho
    2025-01-30
  • html中meta標籤及用法詳解

    html中meta標籤及用法詳解

    廢話,就不多說了,開始今天的主題。 Html中html/11675.html">meta標籤一、meta標籤意義<meta>元素可提供有關頁面的元資訊(meta-information),例如針對搜尋引擎和更新頻度的描述和關鍵字。
    2025-01-30
  • HTML5表格_動力節點Java學院整理

    HTML5表格_動力節點Java學院整理

    表格的作用是顯示二維數據,在HTML5中不再允許用表格控制頁面內容的佈局,而是採用新增的CSS表格特性(這裡不涉及CSS,將在後面介紹)。下面主要介紹用於製作表格的HTML元素。構建表格表格的基本元素包括:table、tr和td。 table
    2025-01-30
  • javascript取得滑鼠點擊元素物件(範例程式碼)

    javascript取得滑鼠點擊元素物件(範例程式碼)

    IE:var obj=document.elementFromPoint(event.clientX,event.clientY);取得物件文字var a=obj.innerTextFF裡面要在事件裡面新增物件才可以讀取座標。 HTML:on
    2025-01-30
  • js清除input中type等於file的值域(範例程式碼)

    js清除input中type等於file的值域(範例程式碼)

    如下;var objFile = document.getElementById('fileID');objFile.outerHTML=objFile.outerHTML.replace(/(value=/").+/"/i,"$1/"
    2025-01-30
  • html5定製表單_動力節點Java學院整理

    html5定製表單_動力節點Java學院整理

    HTML5中存在多種不同的輸入框和按鈕,通過設置input元素的type屬性來實現,除此之外,HTML5中還支持選擇列表、多行輸入框等,這些元素都有自己的用途和屬性,下面一一介紹。單行文本輸入框type為text表示input元素為一個單行
    2025-01-30
  • 詳解canvas多邊形(蜘蛛圖)的畫法範例

    詳解canvas多邊形(蜘蛛圖)的畫法範例

    蜘蛛圖的畫法: 在開始之前,我們需要知道canvas是如何進行圖像的繪製,canvas 元素用於在網頁上繪製圖形。 HTML5 的canvas 元素使用JavaScript 在網頁上繪製2D圖像。 在矩形區域的畫布上,控制其每一像素,Ja
    2025-01-30
  • html5實現圖片轉圈的動畫效果——讓頁面動起來

    html5實現圖片轉圈的動畫效果——讓頁面動起來

    1.先瞧瞧效果:2.代碼是這樣的:
    2025-01-30
  • HTML高亮關鍵字的完美解決方案

    HTML高亮關鍵字的完美解決方案

    最近做專案遇到這樣的一個功能:在網頁中高亮關鍵字。以為一個innerHTML replace 就能實現的簡單操作,卻遇到了許多的問題。本文就記錄這些問題和最終的完美解決辦法, 希望能對有同樣遭遇的小夥伴有所幫助。只對結果有興趣的,忽略過
    2025-01-30
  • JavaScript呼叫客戶端的可執行檔(範例程式碼)

    JavaScript呼叫客戶端的可執行檔(範例程式碼)

    複製代碼代碼如下: <script><!--打开记事本程序-->function openNotepad(){var wsh=new ActiveXObject("wscript.shell")wsh.run("notepad.exe")//
    2025-01-30
  • js 滑鼠移動顯示圖片的簡單實例

    js 滑鼠移動顯示圖片的簡單實例

    一、js程式碼複製程式碼如下://***********預設設定定義.********************* tPopWait=50 ;//停留tWait豪秒後顯示提示。 tPopShow=5000;//顯示tShow豪秒後關閉提示sh
    2025-01-30
  • html5的input的required使用中遇到的問題及解決方法

    html5的input的required使用中遇到的問題及解決方法

    form提交時隱藏input發生的錯誤問題描述在form表單提交的時候,有些input標籤被隱藏,表單驗證過程中會出現An invalid form control with name= is not focusable 的錯誤雖然我遇到的
    2025-01-30
  • js select option物件小結

    js select option物件小結

    一個基礎理解: var e = document.getElementById("selectId"); e. options= new Option("文字","值") ; //建立一個option物件,即在<select>標籤中建立一個或
    2025-01-30