[精讚] [會員登入]
1203

[web] 自訂模組-打字機與跑馬燈效果

自訂模組-打字機效果

分享此文連結 //n.sfs.tw/14885

分享連結 [web] 自訂模組-打字機與跑馬燈效果@igogo
(文章歡迎轉載,務必尊重版權註明連結來源)
2020-12-29 13:06:19 最後編修
2020-12-26 20:55:27 By igogo
 

 

此篇做法只適用讀取自身網站的rss頁面,無法讀取遠端rss頁面, 例如雲端校務系統

 

功能:讀取公告模組自身的rss文章, 再轉成跑馬燈或打字機效果, 適用於最新消息, 榮譽榜, 免去管理者自己手動新增內容

模組管理 -> 公告模組-> 例如最新消息 -> 啟用rss

 

 

 

 

儲存後, 取得rss 的連結網頁

複製網址名稱後斜線開始所有路徑, 例如

https://oooo.tc.edu.tw/p/403-1016-11-1.php?Lang=zh-tw

 

取得像以下字串

/p/403-1016-11-1.php?Lang=zh-tw

 

下載語法

修改自己需要的數值後, 再複製全部打字機效果語法,

  let mode = 2; //1是跑馬燈 2是打字機
  let speed = 50;  //打字速度, 1000代表1秒
  let pause = 5000;  //每篇文章停留閱讀時間, 1000 代表1秒
  let news = 5; //抓取最新5篇文章呈現
  let wordcount = 50; //顯示最長50字數
  let url = "/p/427-1016-11.php?Lang=zh-tw";

 

在自定模組新增, 並選擇html 模式將語法貼上

 

 

 

 

 

END

你可能感興趣的文章

windows 使用 command 移除程式 使用 command 移除程式

雲端校務系統與OPENLDAP帳號整合(1) 本文件目標是為做單一帳號整合, 使用校端更改密碼服務, 將雲端校務系統的帳密同步至校內LDAP server, 並讓SA

tc web 問與答 Q. 填報網址 A. https://tiny.cc/tc-web Q. 出現了以下畫面, 怎麼辦 A. 建議瀏覽器開無

台中市網路應用競賽試場安排(一) 排試場就跟排班或是排課表一樣, 找不到一個都能讓所有人滿意的結果

tmux 將終端機切割成多個視 窗 tmux, multiple terminal

proxmox zfs 建立異地備份與還原 zfs最吸引人的地方就是可以建立快照並傳輸到遠端机器, 達到增量備份, 並且隨時從任一備份檔還原 完全不怕勒索病毒 將v

隨機好文

vue.js modal 作兩個選項按鈕並導向不同頁面 vue.js modal 作兩個選項按鈕

python 的RE python re

雲端校務系統與OPENLDAP帳號整合(1) 本文件目標是為做單一帳號整合, 使用校端更改密碼服務, 將雲端校務系統的帳密同步至校內LDAP server, 並讓SA

刪除資料夾內的檔案 lambda 一行文 Arrays.stream(new File("/folder/path").

vue js 與teleport vue js 與 teleport 範例 <!DOCTYPE html> <html> <