首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • JS將數字轉換成三位逗號分隔的樣式(範例程式碼)

    JS將數字轉換成三位逗號分隔的樣式(範例程式碼)

    複製碼程式碼如下:function formatNum(num){ if(!/^(/+|-)?(/d+)(/./d+)?$/.test(num)){alert("wrong!") ; return num;} var a = RegExp.$
    2025-01-29
  • javascript取得select的目前值範例程式碼(相容IE/Firefox/Opera/Chrome)

    javascript取得select的目前值範例程式碼(相容IE/Firefox/Opera/Chrome)

    JavaScript取得Select目前值寫法:var value = document.getElementById("select").options[document.getElementById("select").options.
    2025-01-29
  • js判斷客戶端是iOS還是Android等行動終端機的方法

    js判斷客戶端是iOS還是Android等行動終端機的方法

    判斷原理:JavaScript是前端開發的主要語言,我們可以透過編寫JavaScript程式來判斷瀏覽器的類型及版本。 JavaScript判斷瀏覽器類型一般有兩種辦法,一種是根據各種瀏覽器獨有的屬性來分辨,另一種是透過分析瀏覽器的userA
    2025-01-29
  • 利用JS來控制鍵盤的上下左右鍵(範例程式碼)

    利用JS來控制鍵盤的上下左右鍵(範例程式碼)

    這是一個JS初級程式碼,想學JS的朋友,可以研究下或擴充下,最好能用JS實現整個鍵盤的控制,那感覺就很有意思了。具體代碼如下:複製代碼代碼如下: <style>tr.highlight{background:#08246B;color:whi
    2025-01-29
  • HTML5拖曳功能實現的拼圖遊戲

    HTML5拖曳功能實現的拼圖遊戲

    具體程式碼如下所示: <!--代码如下,最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title> drag拖曳
    2025-01-28
  • javascript中字串的定義範例程式碼

    javascript中字串的定義範例程式碼

    複製代碼代碼如下:<html><head><title> javascript中字串的定義</title><script> //定义字符串 //第一种 var str = new Array(); alert(str);//空字符
    2025-01-28
  • js抽獎實現隨機抽獎程式碼效果

    js抽獎實現隨機抽獎程式碼效果

    隨機抽取,簡單程式碼。複製代碼代碼如下:<html><title>隨機抽獎程序</title><head><meta http-equiv=Content-Type content="text/html; charset=gb2312">
    2025-01-28
  • 不提示直接關閉網頁視窗的JS範例程式碼

    不提示直接關閉網頁視窗的JS範例程式碼

    在IE7、IE8中,使用JavaScript提供的close()方法都可以關閉目前視窗或標籤,但都提示討厭的對話框,找了下程式碼,終於可以無提示直接關閉了。 JavaScript程式碼複製程式碼程式碼如下:function CloseWin() {
    2025-01-28
  • HTML5輕鬆實現全螢幕影片背景的範例

    HTML5輕鬆實現全螢幕影片背景的範例

    想在你的網頁首頁全螢幕播放一段影片嗎?而這段影片是作為網頁的背景,不影響網頁內容的正常瀏覽。那我告訴你有Javascript函式庫正合你意,它就是Bideo.js。特性自動調整:Bideo.js可以根據目前瀏覽器視窗的大小自動調整影片尺寸
    2025-01-28
  • 基於Canvas+Vue的彈幕組件的實現

    基於Canvas+Vue的彈幕組件的實現

    最近由於專案需要客製化一個彈幕功能,所以嘗試使用canvas來開發組件。經過測試在一些低端機的效果也沒有明顯的卡頓,和大家交流一下彈幕效果功能介紹支持循環彈幕彈幕不重疊支持選擇軌道數支持彈幕發送使用npm i vue-barrage參數配置
    2025-01-28
  • js驗證整數加保留小數點的簡單實例

    js驗證整數加保留小數點的簡單實例

    複製程式碼程式碼如下:function validateNum(obj) {//正整數(此處用了快取)var number = obj.data(validate).number;//小數點(此處用了快取)var decimal = obj.d
    2025-01-28
  • javascript日期格式化範例分享

    javascript日期格式化範例分享

    複製代碼代碼如下:/** * 格式化日期* @param {Object} ms 表示指定日期與1970 年1 月1 日午夜間全球標準時間的毫秒數* @return year-month-date hh:mm */ Util.pa
    2025-01-28
  • 淺談Html5多執行緒開發之WebWorkers

    淺談Html5多執行緒開發之WebWorkers

    我們都知道,瀏覽器執行js程式碼是單執行緒的,當頁面腳步執行時,頁面是沒辦法回應別的,直到腳步的結束,而這裡介紹的WebWorkers就可以改變這一切。 WebWorkers是運行在背景的js程式碼,獨立於其他腳本,不會影響頁面的效能。我們可以繼
    2025-01-28
  • HTML5影片播放外掛程式video.js介紹

    HTML5影片播放外掛程式video.js介紹

    video.js是一款很流行的html5影片播放外掛。很適合在行動端播放影片(如微信網頁),功能強大,且支援降級到flash,相容ie8。官網:http://videojs.com/ git&demo :http://files.cnbl
    2025-01-28
  • ExtJs中gridpanel分組後組名排序實例代碼

    ExtJs中gridpanel分組後組名排序實例代碼

    複製程式碼程式碼如下:/** * 定義降序的groupingStore */var DescGroupingStore = Ext.extend(Ext.data.GroupingStore, { groupDir : 'ASC', group
    2025-01-28