標籤: javascript 頁1

Vegas.js 設定遮罩效果
教學

Vegas.js 設定遮罩效果

說明在 Vegas.js 套件設定遮罩效果的方法。

Vidage.js- 手機友善的全螢幕網頁背景套件
網路資源

Vidage.js- 手機友善的全螢幕網頁背景套件

Vidage.js 是一個手機友善的全螢幕網頁背景套件,簡單讀入就可以使用。

解決 axios 回傳不是 data 而是整包 html 的方法
教學

解決 axios 回傳不是 data 而是整包 html 的方法

在使用 axios/AJAX 測試 API 時,如果遇到回傳的不是設定好的 data 而是把整包 html 都回傳的話,可以檢查一下以下幾點。

[CodeIgniter 4] 使用 CSRF 保護資料的傳遞,並說明搭配 axios/AJAX 的呼叫方法
教學

[CodeIgniter 4] 使用 CSRF 保護資料的傳遞,並說明搭配 axios/AJAX 的呼叫方法

說明如何在 CodeIgniter 4 使用 CSRF 保護資料的傳遞,以及搭配 axios/AJAX 呼叫 API 的方法。

Fullscreen HTML5 Background Video- 好用的 javascript 網頁背景影片幻燈片播放套件
網路資源

Fullscreen HTML5 Background Video- 好用的 javascript 網頁背景影片幻燈片播放套件

Fullscreen HTML5 Background Video 是一個好用的 javascript 網頁背景影片幻燈片播放套件,本篇將說明使用方法。

Vegas Background SlideShow- 好用的全螢幕背景幻燈片播放套件
網路資源

Vegas Background SlideShow- 好用的全螢幕背景幻燈片播放套件

Vegas Background SlideShow 是一個好用的全螢幕背景幻燈片播放套件,而且可以自訂的部分很多,更可以設定影片當作播放的項目。

vidbg.js- 簡單好用的網頁背景影片播放套件
網路資源

vidbg.js- 簡單好用的網頁背景影片播放套件

vidbg.js 是一個簡單好用的網頁背景影片播放套件,並說明使用方法。

EmailJS- 只需要設定前端寄信的方便服務
網路資源

EmailJS- 只需要設定前端寄信的方便服務

如果再開發網站的時候需要使用到寄信服務,要不自己架設 mail server,或是使用類似 sendGrid 這種服務來幫助我們寄信,不過這兩種都是需要設定後端的,如果對後端不熟悉,可以考慮使用 EmailJS 這一個只需要設定好前端就能弄的寄信服務。

利用 YouTube API 製作網頁全螢幕影片背景播放區塊
教學

利用 YouTube API 製作網頁全螢幕影片背景播放區塊

說明如何使用 Youtube Player Iframe API 製作網頁全螢幕背景播放的效果。

Vide- 簡單好用的 jQuery 影片背景播放套件
網路資源

Vide- 簡單好用的 jQuery 影片背景播放套件

Vide 是一個簡單好用的 jQuery 影片背景播放套件,只要讀入後透過 data 屬性設定即可。

jquery.mb.vimeoPlayer- 把 vimeo 影片當成網頁背景的 jQeury 套件
網路資源

jquery.mb.vimeoPlayer- 把 vimeo 影片當成網頁背景的 jQeury 套件

jquery.mb.vimeoPlayer 是一個可以輕鬆把 vimeo 影片當成網頁背景的 jQeury 套件,本篇介紹該如何套用。

使用 youtube-background.js 把 Youtube 影片設定成網頁上的背景播放影片
網路資源

使用 youtube-background.js 把 Youtube 影片設定成網頁上的背景播放影片

youtube-background.js 是一個可以把 Youtube 影片設定成網頁上的背景播放影片的 jQuery 套件,簡單設定後就可以將指定的 YouTube 影片在頁面上的背景播放了。

YTPlayer- 好用的把 YouTube 當背景影片的 jQuery 套件,更可以設定影片的濾鏡效果
網路資源

YTPlayer- 好用的把 YouTube 當背景影片的 jQuery 套件,更可以設定影片的濾鏡效果

YTPlayer 是一個好用的把 YouTube 當背景影片的 jQuery 套件,更可以設定影片的濾鏡效果。

starback.js- 利用 js 製作漂亮的星空、流星背景
網路資源

starback.js- 利用 js 製作漂亮的星空、流星背景

如果有想要在網站放上星星背景或流星效果,可以考慮使用 starback.js 這個套件。

使用 setTimeout() 設定依序執行特定次數的 javascript
教學

使用 setTimeout() 設定依序執行特定次數的 javascript

在 javascript 裡面可以利用 setInterval() 設定定時執行的程式,利用 setTimeout() 設定經過特定時間後執行的一段程式,那如果要設定依序執行特定次數的 javascript,也可以使用 setTimeout()。

Pageable- 好用的一頁式捲動(one page scroll) javascript library
網路資源

Pageable- 好用的一頁式捲動(one page scroll) javascript library

Pageable 是一個好用的一頁式捲動(one page scroll) javascript library,說明一下使用方法。

如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery
教學

如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery

說明如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery 的方法。

Bootstrap 5.x 使用 javascript 顯示與隱藏 Modal
教學

Bootstrap 5.x 使用 javascript 顯示與隱藏 Modal

說明在 Bootstrap 5.x 使用 javascript 顯示與隱藏 Modal 的方法。