插件制作
插件自由開發文檔

1.文件下載

  開發包下載:http://www.2839625.live/code/down/open.rar

  數據包下載:http://www.2839625.live/code/down/data.rar(定時更新)

說明:
①.開發包=所有插件代碼+插件即時預覽頁面+簡單視頻教程。
②.數據包:(可選項)下載解壓到開發包目錄下,能離線運行,參見下面第5⑦數據包設置。
   (完全脫離本站獨立運行,在不能上網的情況下,或在局域網、校園網等封閉網絡來顯示。)


2.打開下載包,查看使用說明,像1.html、2.html、3.html等文件是樣例模版,其他是test.htm測試頁面和開放文檔以及相關支持文件,打開樣例模版文件結構大概有下面五部分組成。如下:

						
						
						<div id="show"></div>
						
						
						
<script type="text/javascript" charset="utf-8" src="js/TohClass.js"></script>

說明:一般“2.顯示代碼標簽”和“4.加載解析類”不能改動,每個模版務必包含id=t1及id=t2,否則顯示空白。
原理:執行頁面,加載接口文件,解析css樣式和js模版等參數,由調回函數運行并顯示數據。


3.下面就對各個功能詳細介紹,id=t1,是css樣式,一般代碼如下:

							
							

說明:
①.這是css樣式集,可以修改或增加自己需要的風格,使之與網站更加貼切融合。
②./*變量*/是系統內置20個變量,如:/*fc*/表示“顏色”值,/*h*/和/*w*/表示高度和寬度。
   20個變量使用說明見第4項調回函數中的初始值設置介紹。


4.id=t2是js模版引擎,一般代碼如下:

							
							

說明:
①.js模版引擎集內支持javascript完整語法,/*變量*/優先替換變量值,/*非變量*/則自動識別為注釋。
②.{#...#}即為輸出語句,比如{#<div>abc</div>#}將輸出<div>abc</div>。
   {#...#}里可以是html語句或者<%...%>變量。
③.<%...%>即為變量語句,它將代表當前運行環境中的變量值。
   比如num=2;則{#<li class="<%num%2==0?'a':'b'%>">#}將輸出<li class="a">。
   同時,<%...%>里可為任意的js代碼,只要有運行返回值即可,當沒有返回值時,將出現"undefined"的字樣。
④.datalist為數據源,有id,title,url,pic,year,month,day,des,hits共9個屬性,用【datalist[i].屬性】調用,
   其中pic為事件圖片地址,沒有為空;des為內容描述。

原理:
①.模版集id=t2內容系統自動執行模板的翻譯工作,翻譯并渲染數據后的html/xml結果在id=show顯示。
②.內置輕量級模板,<%...%>都是原文輸出。為了防xss漏洞,可調用encodeHTML函數如<%encodeHTML(data)%>。


5.初始值設置和調回函數,一般代碼如下:

							
							

說明:
①.設置樣式函數為 Toh.set({...}); 可設置17個變量值,變量說明見上面注釋。
②.函數Toh.set({...});初始值可不設置或只設置一二個值而已,如:Toh.set({ie:1});設置了繁體顯示。
   如:Toh.set({h:80,w:600});設置80x600的顯示區域,/*h*/=80,/*w*/=600。
   不設置的變量為默認值,如:/*n*/=40,表示默認顯示40條記錄。
③.除上述列舉17個變量外,還有/*m*/表示當前月份、/*d*/表示當前日份、/*bgcolor*/表示背景色,
   即/*bgcolor*/表示連同屬性名在內的“background-color:顏色值;”,顏色值與/*bgc*/設置相同。
   如:Toh.set({bgc:'red'})則/*bgc*/='red',而/*bgcolor*/='background-color:red;'。
④.優先權問題,系統默認最低,函數Toh.set({...})中,最高在文件后面帶參數,如1.html?ie=1。
   Toh.set({...})設置,可借助插件制作中的高級設置【代碼集合】貼進來,就可省去帶參數使代碼簡潔。
⑤.調回函數var callback = function(e){...};一些動態效果需要數據加載處理完后才執行的函數,請放入這里。
   調回函數里是不執行解析,像/*變量*/不能用,但還是支持變量值使用的,用e.sd表示速度值,e.h 為高度等。
⑥.數據加載Toh.init();放最下面,頁面載入后再加載數據;如沒有啟動,調回函數callback將失效。顯示為空白。
⑦.函數Toh.init({datadir:'路徑',fantidir:'路徑.js',idshow:0,time:3000,dedug:false}))有5個可選參數。
   其中datadir表示數據包地址,默認官方提供多個遠程數據源,當需離線運行時,填解壓包文件名即可,如:datadir:'data'。
   fantidir表示繁體字庫路徑(datadir本地化時,fantidir也必須本地化,否則繁體功能失效)
   為加快加載速度,系統自動優選官方提供多個數據源,switchtime表示數據源之間切換時間。
   idshow是數據加載前的提示標語,0不顯示,1顯示。
   dedug是否調試模式,默認false正常形式,true調試模式,提示一些調試過程所用的變量值。

25选5安徽 2008年排列5走势图 三分彩全天计划 福彩东方6 1走势图 秒速赛车彩票注册平台 江西时时彩分析 股票行情图 个人炒股选什么平台 福彩排列7奖金 股票分析软件下载 湖南快乐十分中奖技巧 七星彩规则玩法说明图 股城模拟炒股 贵州11选五近500期开奖结果 时时乐下载 时时彩十大信誉网站 体彩江西11选5怎么玩