雖然這功能在各大論譠常看到
不過還是來騙一下文章好了
先來解釋一下坎尼的作法
做一頁要取資料的頁面,再用 javascript 的非同步發送機制取得資料
跑馬燈的畫面配置:要放訊息的 div * 1
取資料的畫面配置:把預設的 < ! DOCTYPE 以下的 code 清掉
首先是第一個範例:跑馬燈型
在取資料頁面的 Page_Init 事件,加入取得最新消息資料的程式碼
將抓出來的最新消息資料組成 html 跑馬燈指令
最後用 Response.Write 的方式輸出
在要顯示消息的地方,加入下列的code
這地方要注意的是,要先引用 jQuery 套件
利用 jQuery 提供的 .ajax 功能,呼叫取資料頁面
再將取得的資料放入畫面上的 div
執行時,時間一到系統就會自動去後端取資料 (下圖為執行畫面)
第二個範例:動畫型
拜 jQuery 所賜,很多以前要寫很多 code 的動畫效果
現在只要短短的一兩行就可解決
後端取資料的 code 改成隨機取得一筆資料
並用 Response.Write 輸出到畫面上
顯示的javacsript改成用 fadeIn 及 fadeOut 來達成淡出淡入效果
執行畫面
這兩個範例坎尼覺得用途不太一樣
跑馬燈主要是用來顯示新訊息
淡出淡入的動畫效果用來顯示廣告會比較好
最後是本次的範例檔 下載
訂閱:
張貼留言 (Atom)
Google Spreadsheet 裡用規則運算式
最近因為工作關係,遇到要用 Google Form 及 Google Sheet 所以研究了 Google Sheet 裡的一些 function 怎麼用 首先,分享一下如何在 Google Sheet 裡用規則運算 :D
-
今天坎尼去上課老師講了一題很有趣的題目 所以回到家坎尼就順手試驗了一下 I. XOR (exclusive OR) XOR 是邏輯運算子之一,定義為: 當兩數的值不同才為 true,相同則為 false 其他相關說明可以參考 維基百科:XOR II. 程式 以往的做法會宣...
-
雖然到最後你還是沒留下你的名字... 今天就來介紹一下,如何用程式撰寫多維 矩陣乘法運算 首先要了解一下矩陣乘法的計算方式 (m1 x n1) * (m2 x n2) 結果會是 (m1 x n2)的矩陣 上例中的 n1 = m2 矩陣乘法位置互換結果就會不同 (大家可以直接點上方...
-
今天測試了從 phpMyAdmin 介面將 MySQL DB 中的中文資料匯出成 .csv 檔,原本想說既然中文資料可以正確以 utf-8 編碼存入 MySQL,在 phpMyAdmin 的網頁介面上也可以正常顯示,之前匯出成 .sql 檔也沒有亂碼問題,那匯出 .csv 這種...
2 則留言:
請問要用什么軟件製作?
hi asuka93,
實現這些作法不需要什麼軟件,不過妳要懂一點 javascript (本範例是用 jQuery 這個框架)
要懂一點伺服器語言 (.NET、Java、Php...)
最後是要懂一點 AJAX 的概念
大概這些就很足夠做出很酷炫的動態網頁
建議閱讀資料:
http://www.w3schools.com/js/default.asp
http://jquery.com/
http://zh.wikipedia.org/wiki/AJAX
http://msdn.microsoft.com/zh-tw/default.aspx
http://msdn.microsoft.com/zh-tw/default.aspx
張貼留言