首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • Canvas繪製浮動球效果的範例

    Canvas繪製浮動球效果的範例

    最近關注區塊鏈方面的資訊, 瞎轉悠, 偶然看到這個網站首頁的效果. 一堆浮動的球, 球在距離較近的時候會有感應線連接, 滑鼠也可以和球產生感應線. 看了下是用canvas做的.原效果實現效果之前對svg有過很多接觸, canvas知道也可以
    2025-02-01
  • 行動端Html5頁面產生圖片解決方案

    行動端Html5頁面產生圖片解決方案

    現在有很多微信公眾號運營活動，都有生成圖片的需求，生成圖片後可以發送給好友和發送到朋友圈擴散，利於產品的宣傳！ 1.產生圖片可以用canvas,但是由於已經有了html2canvas這個開源庫，所以為了節省時間就沒有自己寫了github地址:h
    2025-02-01
  • SVG實現多彩圓環倒數計時效果的範例程式碼

    SVG實現多彩圓環倒數計時效果的範例程式碼

    圓環倒數我們常見到，實現的方法也有很多種。但本文將介紹一種全新的實作方式，使用SVG來實現倒數功能。本文主要用到了SVG的stroke-dasharray和stroke-dashoffset特性。下圖是倒數運行效果：SVG倒數案
    2025-02-01
  • 有關HTML5頁面在iPhoneX適配問題

    有關HTML5頁面在iPhoneX適配問題

    1. iPhoneX的介紹畫面尺寸我們熟知的iPhone系列開發尺寸概要如下：△ iPhone各機型的開發尺寸轉化成我們熟知的像素尺寸：△ 每個機型的多維度尺寸倍圖其實就是像素尺寸和開發尺寸的倍率關係，但這只是外在的表現。倍圖核心的影響因
    2025-02-01
  • 基於HTML5 Canvas 實現彈出框效果

    基於HTML5 Canvas 實現彈出框效果

    用戶鼠標移入時，有彈出框出現，這樣的需求很常見。這在處理HTML元素實現時簡單，但是如果是對HTML5 Canvas 構成的圖形進行處理，這種方法不再適用，因為Canvas使用的是另外一套機制，無論在Canvas上繪製多少圖形，Canvas
    2025-02-01
  • HTML5中透過li-canvas輕鬆實現單圖、多圖、圓角圖繪製，單行文字、多行文字等

    HTML5中透過li-canvas輕鬆實現單圖、多圖、圓角圖繪製，單行文字、多行文字等

    Html5新增的canvas是個強大的功能， 估計大家平常都會用到，只是頻率不高，偶爾用它合成圖片，但是如果不進行封裝的話，程式碼會很亂，所以對canvas常用的畫圖、繪製文字、保存功能進行了封裝，目前還比較滿意，能夠快速完成canvas繪圖
    2025-02-01
  • html5手機端頁面可以向右滑動導致樣式受影響的問題

    html5手機端頁面可以向右滑動導致樣式受影響的問題

    問題描述發現寫的h5頁面在手機端可以向右滑動，導致樣式出現問題～問題排查原因一：沒有進行行動端適配在html頭部新增以下內容：
    2025-02-01
  • 小程式瀑布流解決左右兩邊高度差距過大的問題

    小程式瀑布流解決左右兩邊高度差距過大的問題

    想要實現瀑布流的佈局效果，並且是按照從左到右順序顯示的話，css佈局方式暫時還不能滿足我們的需求。參考小紅書的瀑布流效果，小紅書是分左右兩欄的，按照奇數偶數來顯示就可以。<view class=waterfall>
    2025-01-31
  • 使用phonegap獲取設備的一些信息方法

    使用phonegap獲取設備的一些信息方法

    device.name設備的名稱device.phonegapphonegap版本device.platform設備的類型device.uuid設備唯一識別號device.version所運行的操作系統的版本device 是被指派給wind
    2025-01-31
  • iframe在行動端的縮放的範例程式碼

    iframe在行動端的縮放的範例程式碼

    工作上碰到個奇怪的問題，折騰了大半天，終於算是解決了，這裡把分析思路和解決方法記錄下來。專案是做響應式的公司官網，前期的靜態圖頁面切完後就提交給後台作為模板使用了，我也就基本退出專案。在後端落地時發現在行動端頁面顯示不太對勁，顯得很模糊。第
    2025-01-31
  • html頁面中完成查找功能

    html頁面中完成查找功能

    最近在搞一個被很多人改了的框架，天天看代碼看的頭的暈了，不過感覺進步還挺大的，自己做了一個後台可配置前台查看兩個庫不同數據範圍的東西，還挺滿意，那天拿出來分享一下，今天先說一個這幾天做的功能，就是html頁面的查找功能。這個功能主要是實現在
    2025-01-31
  • HTML5實現QQ聊天氣泡效果

    HTML5實現QQ聊天氣泡效果

    今天自己用 HTML/CSS 做了个类似QQ的聊天气泡，以下是效果图：以下说下关键地方的样式设置。然后贴出html和css代码（不多）。步骤1：布局消息採用div+float布局，每条消息用一个DIV标签包裹，里面再放两个DIV分别用来包裹
    2025-01-31
  • html5自帶錶單驗證體驗優化及提示氣泡修改功能

    html5自帶錶單驗證體驗優化及提示氣泡修改功能

    html5自帶錶單驗證很多朋友進行表單驗證的時候，都是自己用jquery或者js手工驗證，或者用一下jquery插件進行驗證。因為大家覺得html5自帶驗證不是很好！其實，現在html5自帶錶單驗證，目前已經蠻強大了。我們來看下我用純htm
    2025-01-31
  • 簡述Html5 IphoneX 適配方法

    簡述Html5 IphoneX 適配方法

    IphoneX 的適配，關鍵在於如何讓頁面適應齊瀏海、底部操作區域以及大圓角問題。 IphoneX 相對於其他手機，不同之處在於設備雖同樣都是一個螢幕，但其實被分為了好幾個模組，具體見下圖：我們正常的一個網頁，搬到X上來，效果是內容只顯示
    2025-01-31
  • HTML簡介_動力節點Java學院整理

    HTML簡介_動力節點Java學院整理

    什麼是HTML？ HTML 是用來描述網頁的一種語言。 HTML 指的是超文本標記語言(HyperTextMarkupLanguage) ，它是一種標記語言(markup language) 。標記語言是一套標記標籤(markup ta
    2025-01-31
上一頁 159160161162163164165166167下一頁