|
原來的多用途商品展示跑馬燈推出後,頗受網友們青睞,本站又本著精益求精的精神,將原來使用<marquee>標籤的跑馬燈展示方式,改為使用JavaScript程式的跑馬燈,這樣一來可以與更多的瀏覽器相容,捲動的速度也有了變化,產生具有特色的捲動效果,同時也讓使用的網站站長,對跑馬燈能有更多的控制。
延續第一代的做法,本程式仍然提供展示新進商品、特價商品、暢銷商品等多種用途,同時增加一個控制面板的選項,讓瀏覽的網友可以控制商品跑馬燈的方向,才不會錯失了想要了解的商品訊息。
第二代的多用途跑馬燈由於使用不同的跑馬燈指令,在前一代多用途跑馬燈以橫向展示多個商品的做法,目前在第二代中尚無法用這種方式展示,由於使用的JavaScript程式寫法的關係,一次僅會有一個商品出現,並不會有多個商品移動的效果,所以假若是在主頁設定橫向多個商品跑馬燈展示的網站,建議還是使用原來的多用途商品展示跑馬燈。
程式下載(big5版) 程式下載(utf8版)
安裝方法
- 把預計要替換掉的商品展示訊息框程式改名字,將原始程式保留下來
新進商品 catalog/includes/boxes/whats_new.php
特價商品 catalog/includes/boxes/specials.php
暢銷商品 catalog/includes/boxes/best_sellers.php
- 將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/boxes/marquee_box2.php
catalog/images/infobox/btn_backward.jpg
catalog/images/infobox/btn_forward.jpg
catalog/images/infobox/btn_go.jpg
catalog/images/infobox/btn_stop.jpg
- 把marquee_box2.php複製成你要替換掉的商品展示程式,新名字如同第一個步驟所列(whats_new.php specials.php best_sellers.php)
- 用文字編輯器(如記事本)開啟新複製的檔案,依據下面的程式參數說明,修改多用途跑馬燈的展示方式,修改後存檔即完成安裝。
程式參數說明
$mtitle='多用途跑馬燈'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列
$mswitch=1; //跑馬燈內容: 1特價商品 2新進商品 3暢銷商品 4暢銷商品排行
$mheight='140'; //跑馬燈高度
$mwidth=BOX_WIDTH; //跑馬燈寬度
$mbgcolor='#FFFFFF'; //跑馬燈背景顏色
$mdirection='up'; //跑馬燈捲動方向: up , left , right , down
$mscrollAmount='50'; //跑馬燈捲動速度,最小值1,最大值為跑馬燈高度,數字越大越快
$mscrollDelay='2000'; //跑馬燈商品跑到中間停滯的時間,數字越大越久
$mscrollSpeedRatio='1.6'; //跑馬燈捲動速率變化比,1到2之間數字,越大變化越多
$mpanel='1'; //跑馬燈是否顯示控制按鍵: 0不顯示 1顯示
$mbStop=tep_image(DIR_WS_IMAGES.'infobox/btn_stop.jpg','stop'); //跑馬燈捲動停止按鍵
$mbGo=tep_image(DIR_WS_IMAGES.'infobox/btn_go.jpg','go'); //跑馬燈開始捲動按鍵
$mbForward=tep_image(DIR_WS_IMAGES.'infobox/btn_forward.jpg','forward'); //跑馬燈前進按鍵
$mbBackward=tep_image(DIR_WS_IMAGES.'infobox/btn_backward.jpg','backward'); //跑馬燈後退按鍵
暢銷商品 與 暢銷商品排行 的差別在於是否顯示排行的名次,暢銷商品排行會依據商品的訂單數量列出排名數字。
關於變速捲動的部分,前面設定值裡面的參數會讓商品進入中央位置前先減速,到達中央位置會停頓,停頓時間截止後會加速離去.會影響到的速度變化的有以下兩個參數:
$mscrollDelay 影響到達中央位置停頓時間,數字越大停留越久
$mscrollSpeedRatio 影響速度變化比值,1到2之間的數字可含小數,數字越大加速變化越多
調整以上參數就可以達到自己的速度變化方式.
同樣地,若想維持跟第一代的多用途跑馬燈一樣,等速的方式捲動,不要有速度變化的話,那就設定成下列的值:
$mscrollAmount='1';
$mscrollDelay='0';
$mscrollSpeedRatio='1';
這樣就成為等速的捲動,其中$mscrollAmount參數設定為1是把捲動速度調慢.
移除方法
刪除掉新的跑馬燈展示程式,把原來備份的展示程式改回原來的名字,即恢復為原來的商品展示程式。
第二代多用途跑馬燈商品展示畫面
更換控制按鈕
第二代多用途跑馬燈的控制按鈕,可以由站長自行替換圖檔,我也多提供3種按鈕,加上原來附的就有4種供選擇,下列圖檔連結就是新的按鈕圖壓縮檔位置,以滑鼠點選按鈕圖下載檔案後解壓縮,放到 catalog/images/infobox 資料夾之中,替換掉原來的圖檔,就可以更換控制按鈕圖案.
特別感謝 husky.com.tw 的 LUKA爸 提供另一組檔案更小的按鈕.因為改用gif圖檔,所以使用時請將設定的按鈕圖檔副檔名從jpg改為gif.
補充說明
由於多用途商品展示跑馬燈第二代使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在多用途商品展示跑馬燈第二代訊息框底下,會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌. 如果你還是覺得有需要,可以付費取得獨立執行且不顯示EZeShop標籤的版本,請利用產品諮詢洽商相關細節。請不要直接掩蓋或將連結的JavaScript程式下載修改去掉標籤,如此將違反本軟體的使用規定。
|