首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • js時間比較範例分享(日期比較)

    js時間比較範例分享(日期比較)

    複製代碼代碼如下: <html><head><script language="javascript" type="text/javascript">/** 日期比较 **/function compareDate(strDate1,strD
    2025-01-24
  • canvas環形倒數組件的範例程式碼

    canvas環形倒數組件的範例程式碼

    本文介紹了canvas環形倒數組件的範例程式碼，分享給大家，具體如下：效果如下圖一：Canvas環形倒數組件Canvas環形倒數計時是基於Canvas實現的倒數計時，建議於移動端使用Canvas環形倒數下載地址一、如何使用1. html代
    2025-01-24
  • javascript輕鬆實現當滑鼠移開時已彈出子選單自動消失

    javascript輕鬆實現當滑鼠移開時已彈出子選單自動消失

    複製代碼代碼如下:<html><head><style type="text/css"> .menu { background-color:green; width:120; height:20; color: white; text
    2025-01-24
  • 淺談基於Canvas的手繪風格圖形庫Rough.js

    淺談基於Canvas的手繪風格圖形庫Rough.js

    前言推薦一個基於Canvas的手繪風格圖形JS庫。 Rough.jsRough.js是一個輕量的（大約8k），基於Canvas的可以繪製出粗略的手繪風格庫。提供繪製線條、曲線、弧線、多邊形、圓形和橢圓的基礎能力，同時支援繪製SVG路徑。 Git
    2025-01-23
  • javascript分頁程式碼實例分享(js分頁)

    javascript分頁程式碼實例分享(js分頁)

    呼叫：複製程式碼如下:var pageChange = function (index) {var html = pager("divid", index, 5, 1000, pageChange, { showGoTo: false,
    2025-01-23
  • H5最強接口之canvas實現動態圖形功能

    H5最強接口之canvas實現動態圖形功能

    上個文章我們分享如何利用canvas來進行圖形繪製，但是繪製的都是靜態圖形，本週我們就來學習如何利用canvas進行動態圖形繪製。什麼是動畫？我們在繪製動畫之前必須先弄清楚什麼是動畫，一個動畫最起碼需要哪些基本條件呢？我們可以用一個工具
    2025-01-23
  • CSS在Internet Explorer 6, 7 和8中的差異(3)

    CSS在Internet Explorer 6, 7 和8中的差異(3)

    一個透明的邊框色允許一個邊框和邊框色可見(或不透明)時佔用相同的空間。
    2025-01-23
  • 文字域中換行符的替換範例

    文字域中換行符的替換範例

    說明：程式碼在實際專案中測試通過，我已經省去些不重要的，大家可以重點看顏色標記的部分前戲： 問：為什麼要做這個呢？ ？ 答：項目中有個將輸入的文本域文字儲存到資料庫中。 '查看時'從資料庫取得對應數據，顯示在文字域中。開發期間發現換行符號使用jqu
    2025-01-23
  • 詳解透過focusout事件解決IOS鍵盤收起時介面不歸位的問題

    詳解透過focusout事件解決IOS鍵盤收起時介面不歸位的問題

    問題症狀今天在開發一個行動裝置的H5 頁面時，遇到了IOS 上鍵盤收起時介面無法歸位的問題。以下詳細描述下問題和症狀：頁面結構出問題的頁面是表單結構。即類似於一個div 下有4個input 表單的結構，用於使用者填寫郵寄資訊。類似:
    2025-01-23
  • Javscript刪除數組中指定元素並傳回新數組

    Javscript刪除數組中指定元素並傳回新數組

    把數組中某個值刪除，並傳回新數組，需要遍歷舊數組找到要刪除的元素複製程式碼如下: /* * 刪除數組中指定值*/ Array.prototype.remove=function(value){ var len = this.lengt
    2025-01-23
  • mozilla中建議的css屬性書寫順序

    mozilla中建議的css屬性書寫順序

    最近看了好多關於reflow的問題，原來沒有註意到這個現象，最近開始慢慢的研究下，畢竟從前對於很多效能方面的細節沒有註意到。關於reflow應該簡單的說就是dom的渲染吧（透過CSS或其他因素計算文檔樹中每個物件的大小、佈局等），也許解釋的片面點，但先定義一個簡單的概念，方便理解。
    2025-01-23
  • 父頁面顯示遮罩層彈出半透明狀態的dialog

    父頁面顯示遮罩層彈出半透明狀態的dialog

    上一章我介紹了遮罩的頁面可增加部分區域編輯模組，這章將介紹父頁顯示遮罩層，彈出半透明狀態的dialog。 dialog即彈出的子頁面，div。 效果圖如下： 具體程式碼實作如下： 複製程式碼程式碼如下:
    2025-01-23
  • 可擴展圓角標籤的實作方法

    可擴展圓角標籤的實作方法

    在製作網頁的時候，很流行使用標籤的方式進行分類顯示，圓角標籤具有樣式美觀、表現方式形象的優點，一般我們都會將圓角標籤的背景製作成一張圖片，這樣做的不足之處是如果標籤文字字數變化（如圖1），固定的背景圖片不能隨之擴展。這樣我們就需要製作很多張不同寬度的背景圖片，很不方便。以下介紹兩種製作可擴展圓角標籤的方法。
    2025-01-23
  • 前端canvas動畫如何轉換為mp4影片的方法

    前端canvas動畫如何轉換為mp4影片的方法

    用戶透過上傳合適尺寸的圖片，選著渲染動畫的效果和音樂，可以預覽類似幻燈片的效果，最後點擊確認生成視頻，可以放到頭條或者抖音播放。產生視訊可能的方案純前端的視訊編碼轉換(例如WebM Encoder Whammy)圖片位址只能是相對位址音樂不
    2025-01-23
  • HTML5探秘：用requestAnimationFrame優化Web動畫

    HTML5探秘：用requestAnimationFrame優化Web動畫

    requestAnimationFrame是什麼？在瀏覽器動畫程式中，我們通常使用一個定時器來循環每隔幾毫秒移動目標物體一次，來讓它動起來。如今有個好消息，瀏覽器開發人員決定：嗨，為什麼我們不在瀏覽器裡提供這樣一個API呢，這樣一來我們可
    2025-01-23
上一頁 272829303132333435下一頁