[精讚] [會員登入]
1459

[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 AD帳號整合(5) 安裝java環境

資料表更改為多個primary key, MariaDB [database]> describe TABLENAME; 想由本來是兩個PRIMARY KE

shell scirpt 批次建立samba使用者 建立一csv檔, 兩個欄位如下 5101,532 5102,592 5103,321 第一欄為帳號使用班級加座號, 第二

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

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

網站無障礙規範 https://accessibility.ncc.gov.tw/News/Detail/3238?Category=4

隨機好文

vue.js components 多個組件的呈現 vue.js 組件 component

編碼的順序 utf8 big5

ubuntu ufw ufw 簡易筆記 原則禁止,例外開放 ufw default deny 啟動ufw sudo ufw enable 關掉

java lambda files filter java, files filter, lambda

Spring Boot Maven wrappers maven, mvnw, build command