首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • 在Firefox下js select標籤點擊無法彈出

    在Firefox下js select標籤點擊無法彈出

    在專案中運用了JQUERY UI,用到了其中的disableSelection()方法,這個方法是讓頁面上的指定元素無法透過滑鼠拖曳來選擇。 由於某些需求,我在給div使用了此方法後,達到了上述效果,但是有不足的地方。 在Firefox
    2025-02-04
  • 淺談HTML空鏈接的作用

    淺談HTML空鏈接的作用

    空鏈接:就是沒有目標端點的鏈接。格式<a href=#>顯示內容</a>空連接的作用1.設為首頁
    2025-02-04
  • javascript取得元素CSS樣式程式碼範例

    javascript取得元素CSS樣式程式碼範例

    使用css控制頁面有4種方式,分別為行內樣式(內嵌樣式)、內嵌式、連結式、匯入式。行內樣式(內嵌樣式)即寫在html標籤中的style屬性中,如<div></div>內嵌樣式即寫在style標籤中,例如
    2025-02-04
  • Get中文亂碼IE瀏覽器Get中文亂碼解決方案

    Get中文亂碼IE瀏覽器Get中文亂碼解決方案

    Get中文亂碼問題解決方案: 修改Tomcat根目錄下conf / server.xml文件,程式碼如下: 複製程式碼如下:
    2025-02-04
  • HTML5 拖放(Drag 和Drop)詳解與實例代碼

    HTML5 拖放(Drag 和Drop)詳解與實例代碼

    簡介拖放是一種常見的特性,即抓取對像以後拖到另一個位置。在HTML5 中,拖放是標準的一部分,任何元素都能夠拖放。先點擊一個小例子:在用戶開始拖動<p>元素時執行JavaScript
    2025-02-04
  • html5使用canvas壓縮圖片的範例程式碼

    html5使用canvas壓縮圖片的範例程式碼

    前兩人天做了一個圖片轉base64上傳的功能,發現如果圖片的base64過大的話,請求會變的很慢,嚴重的直接超時了,所以想到了在上傳前壓縮一下圖片,然後再上傳到後台,這樣可以大大的提高效率,在這裡記錄利用canvas 壓縮圖片遇到的幾個
    2025-02-04
  • Canvas實現貝賽爾曲線軌跡動畫的範例程式碼

    Canvas實現貝賽爾曲線軌跡動畫的範例程式碼

    最近實現的下圖的效果,跟大家分享一下假如我們要畫下圖曲線的動畫如果每次都畫一條短線連接起來,如下圖被分成五段再看十段要是被分的段數足夠多時每次畫一段很像曲線軌跡了二次貝賽爾曲線/** * 二次貝塞爾曲線動畫* @param {Arra
    2025-02-04
  • html5中canvas圖表實現長條圖的範例

    html5中canvas圖表實現長條圖的範例

    前幾天用到了圖表庫,其中百度的ECharts,感覺做得最好,看它預設用的是canvas,canvas圖表在處理大數據方面比svg好。那我也用canvas來實現一個圖表庫吧,感覺不會太難,先實現個簡單的長條圖。效果如下:主要功能點包括:文本
    2025-02-04
  • 快速解決input[type=file]打開時慢、卡頓的問題

    快速解決input[type=file]打開時慢、卡頓的問題

    為什麼在input標籤類型為file上傳文件時在標籤中設置屬性accpet=image/*,打開本地文件夾的速度特別慢?經過測試發現,在mac裡面safari、Firefox、Chrome(opera不知道為啥老閃退)都沒有卡頓問題在wi
    2025-02-04
  • 利用進制轉換壓縮數字函數分享

    利用進制轉換壓縮數字函數分享

    複製代碼代碼如下:function zipNum(num, radix){if(!zipNum.zip){zipNum.zip = function(inputNum){if(inputNum > 35){//用大寫字母表示36-61ret
    2025-02-04
  • Html5新增標籤有哪些

    Html5新增標籤有哪些

    今天新學習了9個標籤、<audio>簡單的說就是一個音頻標籤,他的主要常用屬性有src=音頻的路徑controls=controls 控制參數,他就是可以讓其在頁面顯示一個播放器的效果autoplay=autoplay自動播放屬性lo
    2025-02-04
  • js showModalDialog彈出窗口實例詳解

    js showModalDialog彈出窗口實例詳解

    showModalDialog:模式窗口, 一種很特別的窗口,當它打開時,後面的父窗口的活動會停止,除非當前的模式子窗口關閉了, 才能操作父窗口.在做網頁Ajax開發時,我們應該有時會用到它來實現表單的填寫, 或做類似網上答題的窗口. 它的
    2025-02-04
  • 從零實現一個自定義html5播放器的示例代碼

    從零實現一個自定義html5播放器的示例代碼

    本次的分享是一個基於HTML5標籤實現的一個自定義視頻播放器。其中實現了播放暫停、進度拖拽、音量控制及全屏等功能。效果預覽點我查看源碼倉庫。核心思路我相信一定會有些沒有接觸過製作自定義播放器的童鞋對於標籤的認識會停留在此。
    2025-02-04
  • Html5頁面內使用JSON動畫的實現

    Html5頁面內使用JSON動畫的實現

    問題背景有一天我們的UI設計師找到我說,要把頁面中我自己用程式寫的動畫,換成他們給的json動畫,原因是有的動畫很複雜,自己寫起來達不到他們的預期效果(寫到這裡我突然想到一個問題,這麼複雜的動畫為什麼不使用gif。。。。坐我對面的安卓開發小
    2025-02-04
  • 基於HTML5的WebGL實現json和echarts圖表展現在同一個界面

    基於HTML5的WebGL實現json和echarts圖表展現在同一個界面

    突然有個想法,如果能把一些用到不同的知識點放到同一個界面上,並且放到一個盒子裡,這樣我如果要看什麼東西就可以很直接顯示出來,而且這個盒子一定要能打開。我用HT實現了我的想法,代碼一百多行,這麼少的代碼能實現這種效果我覺得還是牛的。先來看看效
    2025-02-04