close
今天要跟想的是大家期待已久的水滴切換器
這個版本跟月橘目前使用的版本是一樣的
切換按鈕在上方、按鈕有背景圖、附加水滴吊飾
而且完全沒有上蓋遮住主視窗的醜陋現象

前言:
這次水滴官方的改版更動了草原視窗大小以及以往的官方上蓋
現在新版的草原大小為「寬150、高 290」
以前的「MEROMERO上蓋」已經跟主程式合在一起了 
所以以前的上蓋硬要套上去的話,會很奇怪


注意事項:

1、語法中所需圖檔請自行準備

2、請自行找尋空間上傳圖檔(需可外連)

3、請勿任意更動,我看不懂JAVA不會修理.....

4、本語法經測試(只套用KEY碼)可正常作用



使用方法:


 
1、複製語法:

<!--meromero park-->
<TABLE cellpadding="0" cellspacing="0" border="0" width="139">
<TBODY>
<TR>
<TD valign="top">
<IMG src="http://i162.photobucket.com/albums/t269/bubu9381/sps-1.gif" width="13" height="30" border="0">
</TD>
<TD>
<div style="background:url(①背景圖網址) no-repeat top;width:140px;padding:9px 0px 5px;margin:0px auto;text-align:center;">
<a href="#" onclick="javascript:show_mero_main(0);return false"><img src="http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif" onmouseover="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" onmouseout="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" width="40" height="31" alt="第一隻水滴名字" border="0"></a>
<a href="#" onclick="javascript:show_mero_main(1);return false"><img src="http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif" onmouseover="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" onmouseout="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" width="40" height="31" alt="第二隻水滴名字" border="0"></a>
<a href="#" onclick="javascript:show_mero_main(2);return false"><img src="http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif" onmouseover="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" onmouseout="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" width="40" height="31" alt="第三隻水滴名字" border="0"></a>
</div>
<div id="bpcl_mero"></div>
<script language="javascript" type="text/javascript">
<!--
var mero_id = new Array('第一隻水滴key碼', '第二隻水滴key碼', '第三隻水滴key碼');
var mero_mouseout_img = new Array('
http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif');
var mero_mouseover_img = new Array('
http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif');
var mero_first_no = -1;
var mero_interval = 0;
var mero_old_no = -1;
var mero_timer_id;
var mero_is_random = 0;
var mero_random_switch = 1;
if (mero_first_no == -1) {
show_mero_random();
}
else {
show_mero_main(mero_first_no);
}
if (mero_interval > 0) {
mero_timer_id = setInterval('show_mero_random()', mero_interval);
}
function show_mero_sub(id)
{
html = "<a href=\"http://meropar.jp/\" target=\"_blank\"><img src=\"" + mero_mouseout_img[id] + "\" border=\"0\" style=\"border: none;\" onmouseover=\"this.src='" + mero_mouseover_img[id] + "'\" onmouseout=\"this.src='" + mero_mouseout_img[id] + "'\" alt=\"小水滴官網\" /></a>";
html += "<br /><object codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='140' height='257' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://cache.meropar.jp/swf/blog/main.swf' /><param name='quality' value='high' /><param name='bgcolor' value='000000' /><param name='FlashVars' value='key=" + mero_id[id] + "' /><embed src='http://cache.meropar.jp/swf/blog/main.swf' FlashVars='key=" + mero_id[id] + "' quality='high' bgcolor='#000000' width='150' height='290' name='main' align='middle' wmode=transparent allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
return html;
}
function show_mero_main(mero_no)
{
mero_html = show_mero_sub(mero_no);
mero_old_no = mero_no;
document.getElementById('bpcl_mero').innerHTML = mero_html;
if (mero_interval > 0 && !mero_is_random) {
clearInterval(mero_timer_id);
mero_timer_id = setInterval('show_mero_random()', mero_interval);
}
}
function show_mero_random()
{
if (mero_random_switch) {
do {
mero_new_no = Math.floor(Math.random() * mero_id.length);
} while (mero_new_no == mero_old_no);
mero_is_random = 1;
show_mero_main(mero_new_no);
mero_is_random = 0;
}
}
function mero_random_on()
{
mero_random_switch = 1;
}
function mero_random_off()
{
mero_random_switch = 0;
}
//-->
</script>
</TD>
<TD valign="top">
<IMG src="http://i162.photobucket.com/albums/t269/bubu9381/sps-1.gif" width="13" height="55" border="0"><BR>
<IMG src="http://i162.photobucket.com/albums/t269/bubu9381/merolap.gif" width="16" height="130" border="0">
</TD>
</TR>
</TBODY></TABLE>
<!--/meromero park-->

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 2、修改
 
①背景圖網址:水滴按鈕的背景圖案,可以省略不放
 

 

②紫色部份的語法:第一隻水滴圖案的設定

<a href="#" onclick="javascript:show_mero_main(0);return false"><img src="http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif" onmouseover="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" onmouseout="this.src='http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif'" width="40" height="31" alt="第一隻水滴名字" border="0"></a> 

語法中的圖片網址部份請自行找適合的圖片

或是把我提供的圖片下載後上傳至個人相簿或是圖片空間

注意:我的相簿空間有外連流量限制,流量爆了別找我..顯示不了請等隔天吧-.-

空間申請及網址取得可參考這篇→

③綠色部份的語法:輸入水滴的key碼

var mero_id = new Array('第一隻水滴key碼', '第二隻水滴key碼', '第三隻水滴key碼');
var mero_mouseout_img = new Array('
http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif');
var mero_mouseover_img = new Array('
http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif', 'http://pic.pimg.tw/bubu938/thumb_4bf687a073716.gif');

圖片部份的問題同上②

 

④粉紅色部份的語法:吊飾

<IMG src="http://i162.photobucket.com/albums/t269/bubu9381/merolap.gif" width="16" height="130" border="0">

圖片部份可以在網路上自行搜尋其他的圖片做替換

 

 


3、請貼在自訂欄位即可。
      -PIXNET使用者:
       登入後,請點擊「進入後台」→部落格管理→版面管理→版面設定
       →於未使用欄位處點選「新增自訂欄位」將語法貼上
       →將該欄位拉至下方欄位內容中→放置好之後點選儲存即可。
 
      -無名使用者:
       登入無名之後,在連結列處點選「資料夾管理」
       →新增資料夾→連結管理→新增連結→將語法貼於 「名稱」 欄位中
       第三欄的連結請空白。

 
      -天空使用者:
       登入後,請點擊「我的管理介面」
       →在中間有一排「管理」的功能欄,請點擊「功能設定」
       →請點選左方功能設定列表中的「自訂欄位」
       →拉至下方,在「可以新增的自訂欄位」中找到「自訂欄位」後,點選其後方的加入鈕
       →將網頁拉回上方,找到自訂欄位,點擊設定鈕
       →將語法貼於「本文」中,點選不自動換行後,按「儲存設定」
       →請點選「按我重新產生blog頁面」鈕即可。
 
 
 
 

後記:
很多朋友詢問上蓋問題(很醜、想取消掉  可是不會)
其實很簡單,只要做一個透明的上蓋圖套在語法中即可
月橘在語法中已經把透明的上蓋圖附上了
如果想換成自己喜歡的上蓋圖,請繼續沿用先前的切換器




如果妳覺得這篇不錯的話
請留個回應給我當獎勵喔 
不回應的話,我只好這樣做
 
本文歡迎轉載、引用,但請註明出處
圖片、檔案皆存放於本人空間
如欲再行分享,請上傳至自己的空間
勿以本人空間再行分享之實!
請注意網路禮儀喔!


arrow
arrow
    全站熱搜

    月橘 發表在 痞客邦 留言(28) 人氣()