首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • 分享Javascript中最常用的55個經典小技巧

    分享Javascript中最常用的55個經典小技巧

    1. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵<table border oncontextmenu=return(false)><td>no</table>可用於T
    2025-01-17
  • 淺析JavaScript中的型別與對象

    淺析JavaScript中的型別與對象

    JavaScript是基於物件的,任何元素都可以看成物件。然而,類型和物件是不同的。本文中,我們除了討論類型和物件的一些特點之外,更重要的是研究如何寫出好的並且利於重用的類型。畢竟,JavaScript這種流行的腳本語言如果能夠進行良好的封
    2025-01-17
  • HTML5 WebGL 實現民航客機飛行監控系統

    HTML5 WebGL 實現民航客機飛行監控系統

    前言前些日子出差,在飛機上看到頭頂的監控面板,除了播放電視劇和廣告之外,還會時不時的切換到一個飛機航行的監控系統,不過整個監控系統讓人感到有一點點的簡陋,所以我就突發奇想製作了一個採用HT for Web 的升級版監控系統,demo 的效
    2025-01-17
  • HTML中利用div+CSS實作簡單的箭頭圖示的程式碼

    HTML中利用div+CSS實作簡單的箭頭圖示的程式碼

    在網頁設計中,我們經常得會用到一些箭頭做為裝飾來點綴我們的網頁,雖然現在很多的網站的設計者們都喜歡以引用字體圖標的形式來實現箭頭的效果,但那樣也會給網頁的載入造成一些影響。今天飛鳥慕魚小編就給大家說一說,在網頁設計中如何利用div加CSS的
    2025-01-17
  • JS小功能(checkbox實作全選與全取消)實例程式碼

    JS小功能(checkbox實作全選與全取消)實例程式碼

    效果:代碼:複製代碼代碼如下: <head runat="server"><title></title><script type="text/javascript">window.onload = function () {var ckall
    2025-01-17
  • JS小功能(onmouseover實作選擇月份)實例程式碼

    JS小功能(onmouseover實作選擇月份)實例程式碼

    效果:代碼:複製代碼代碼如下: <head runat="server"><title></title><style type="text/css">#backcolor{width: 400px;height: 400px;backgrou
    2025-01-17
  • 利用Canvas實現繪畫一個未閉合的進度條的圓環

    利用Canvas實現繪畫一個未閉合的進度條的圓環

    最終效果圖一、定義變數定義半徑,定義圓環厚度,定義圓心位置、定義預設填滿顏色let radius = 75let thickness= 10let innerRadius = radius - thicknesslet x = 75let
    2025-01-17
  • 新寫css常犯的8個錯誤

    新寫css常犯的8個錯誤

    一般css常最常出現的錯誤就是樣式和html中的屬性名稱不一致。導致明明寫了樣式,但是不起效果。
    2025-01-17
  • 什麼是靜態網頁和動態網頁?

    什麼是靜態網頁和動態網頁?

    程式是否在伺服器端運行,是重要標誌。在伺服器端運作的程式、網頁、元件,屬於動態網頁,它們會隨不同客戶、不同時間,傳回不同的網頁,例如ASP、PHP、JSP、ASP.net、CGI等。執行於客戶端的程式、網頁、外掛程式、元件,屬於靜態網頁,例如html頁、Flash、JavaScript、VBScript等等,它們是永遠不變的。
    2025-01-17
  • Canvas圖片分割效果的實現

    Canvas圖片分割效果的實現

    之前在逛cssdesignawards時發現了一個把圖片內容分割的效果(網址:https://weareludwig.com),大家可以點進去看看,感覺挺炫酷的,於是自己試著實現了一下,效果還不錯。效果查看https://codepen.i
    2025-01-17
  • HTML5中的Web Notification桌面通知功能的實作方法

    HTML5中的Web Notification桌面通知功能的實作方法

    有的時候我們會在桌面右下角看到這樣的提示:這種桌面提示是HTML5新增的Web Push Notifications 技術。 Web Notifications 技術可讓頁面發出通知,通知將會顯示在頁面之外的系統層面。能夠提供用戶更好
    2025-01-17
  • html5 冒號分隔符號對齊的實現

    html5 冒號分隔符號對齊的實現

    <!DOCTYPE html><html><head> <meta charset=utf-8> <meta name=viewport content=width=device-width,initial-scale=1.0,
    2025-01-17
  • javascript列錶框操作函數集合匯總

    javascript列錶框操作函數集合匯總

    複製代碼代碼如下: <script language="javascript">/* 列表框互相操作函数集 *///描述: 添加不重复列表框元素function selAdd( srcList, dstList ){var selectedI
    2025-01-17
  • 前端實現背景虛化但內容清晰且自適應的實例程式碼

    前端實現背景虛化但內容清晰且自適應的實例程式碼

    講乾貨,不囉嗦,有時候前端會遇到背景虛化但要求內容清晰的需求,先看效果:以下為具體實現:<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title>背景虛化</
    2025-01-17
  • HTML5實現行動端彈幕動畫效果

    HTML5實現行動端彈幕動畫效果

    想法1.把單一內容編輯好,計算自身寬度,確定初始位置2.移動的距離是螢幕寬度3.js動態的加入css動畫函數,將高度、動畫移動時間、動畫延遲時間都用隨機數控製程式碼:html骨架結構(以三個為例,如果覺得介面太長不友好,也可以js動態的生成)
    2025-01-17