首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 使用jTopo給Html5 Canva中繪製的元素添加鼠標事件

    使用jTopo給Html5 Canva中繪製的元素添加鼠標事件

    點評:在Canvas上繪製的東西是不能相應鼠標事件的,但是使用jTopo添加事件非常簡單,下面有個示例,大家可以參考下使用Html5的時候,在Canvas上繪製的東西是不能相應鼠標事件的,但是使用jTopo添加事件非常簡單,效果如下:代碼示
    2025-08-27
  • HTML 5 input placeholder 屬性如何完美兼任ie

    HTML 5 input placeholder 屬性如何完美兼任ie

    點評:這篇文章主要介紹了HTML 5 input placeholder 屬性完美兼任ie的方法,需要的朋友可以參考下記得引用jquery 類庫$(document).ready(function () { if ($.browser.m
    2025-08-27
  • HTML5中的autofocus(自動聚焦)屬性介紹

    HTML5中的autofocus(自動聚焦)屬性介紹

    點評:HTML5給我們帶來了一大堆神奇的東西。以前需要用JavaScript和Flash完成的任務,例如表單校驗,INPUT placeholders , 客戶端重命名下載文件和音頻/視頻,這些都可以使用基本的HTML完成這裡要講的一個簡單
    2025-08-27
  • HTML5的hidden屬性兼容老瀏覽器的方法

    HTML5的hidden屬性兼容老瀏覽器的方法

    點評:HTML5給我們帶來了很多非常簡單但卻非常強大的HTML屬性:placeholder, download, and autofocus,等等另外一個新出現的屬性就是hidden屬性。當一個網頁元素有了hidden屬性後,它的表現跟CS
    2025-08-27
  • 使用HTML5的Notification API製作web通知的教程

    使用HTML5的Notification API製作web通知的教程

    這篇文章主要介紹了使用HTML5的Notification API製作web通知的教程,示例包括需要使用到的相關CSS以及Javascript代碼,需要的朋友可以參考下在使用網頁版Gmail的時候,每當收到新郵件,屏幕的右下方都會彈出相應的
    2025-08-27
  • 如何使用圖片按鈕作為重置(reset)表單按鈕

    如何使用圖片按鈕作為重置(reset)表單按鈕

    用一些小圖片來代替這些按鈕,對於提交按鈕使用圖片的方法非常簡單,相信大家都會。那麼如何使用圖片按鈕作為重置(reset)表單按鈕呢,感興趣的朋友可以看看我們在做表單的時候往往會設置一個提交按鈕和一個重置按鈕,有時可能會為了頁面的好看而使用一
    2025-08-26
  • 詳解HTML5中download屬性的應用

    詳解HTML5中download屬性的應用

    這篇文章主要介紹了HTML5中download屬性的應用,文中對比了過去HTML版本中下載相關樣式的寫法以突出HTML5中改進後的優勢,需要的朋友可以參考下在傳統的html中,某個文件的下載,是這樣的:XML/HTML Code複製內容到剪
    2025-08-26
  • HTML5 Canvas鋸齒圖代碼實例

    HTML5 Canvas鋸齒圖代碼實例

    點評:這篇文章主要介紹了HTML5 Canvas鋸齒圖代碼實例,需要的朋友可以參考下效果圖:提示:把代碼複製到一個html文件中並保存,直接打開即可看到效果。實現代碼:<html lang="zh"><head>
    2025-08-26
  • HTML5中drawImage用法分析

    HTML5中drawImage用法分析

    這篇文章主要為大家介紹了HTML5中drawImage用法分析及實際應用中遇到的問題與解決方法,分析了錯誤代碼與修改後的代碼,加深對HTML5具體應用的理解,需要的朋友可以參考下本文實例分析了HTML5中drawImage使用時遇到的問題及
    2025-08-26
  • 一款利用html5和css3動畫排列人物頭像的實例演示

    一款利用html5和css3動畫排列人物頭像的實例演示

    這篇文章主要為大家介紹了一款利用html5和css3動畫排列人物頭像的實例演示,這款實例頁面初始時,只有中間的美女圖,然後出現微笑圖,緊接著出現小的人物圖,慢慢的以動畫的形式排列到頁面中形成一個圓環。效果很好,而且代碼齊全,需要的朋友可以參
    2025-08-26
  • 關於type="file"的input框樣式修改小結

    關於type="file"的input框樣式修改小結

    表單中的input type=file在前端開發中經常會用到,但是很悲劇的是input type=file在各個瀏覽器下表現不統一,樣式很難起作用;那麼我們如何來處理這個問題呢,這就是我們今天討論的主要內容了關於type=file的inpu
    2025-08-26
  • 利用HTML5中的Canvas繪製一張笑臉的教程

    利用HTML5中的Canvas繪製一張笑臉的教程

    這篇文章主要介紹了利用HTML5中的Canvas繪製一張笑臉的教程,使用Canvas進行繪圖是HTML5中的基本功能,需要的朋友可以參考下今天,你將學習一項稱為Canvas(畫布)的web技術,以及它和文檔對像模型(通常被稱為DOM)的關聯
    2025-08-26
  • HTML的結束標籤問題與w3c標準

    HTML的結束標籤問題與w3c標準

    html必須要有/html結束,才是一個完整的元素,除非它是一個自封閉標籤,目前大多網站為了seo和多瀏覽器支持,都採用xhtml標準寫法根據w3c的原則,xml的每個開始標籤必須有一個結束標籤與之對應,也就是<html>必須要有
    2025-08-26
  • 實例教程HTML5 Canvas 超炫酷煙花綻放動畫實現代碼

    實例教程HTML5 Canvas 超炫酷煙花綻放動畫實現代碼

    這是一個很酷的HTML5 Canvas動畫,它將模擬的是我們現實生活中煙花綻放的動畫特效,效果非常逼真,下面我們來簡單分析一下實現這款HTML5煙花特效的過程及代碼,主要由HTML代碼、CSS代碼以及Javascript代碼組成,當然jav
    2025-08-25
  • HTML5地理定位實例

    HTML5地理定位實例

    這篇文章主要為大家介紹了HTML5地理定位的方法,實例講述了html5獲取坐標完整實現過程,並對比不同瀏覽器運行效果給出參考結果,需要的朋友可以參考下本文實例講述了html5獲取地理定位的方法,分享給大家供大家參考。具體方法如下:html5
    2025-08-25