如果你養了不只一隻水滴寵物

就可以像上面這樣~

點下方的小圖示就可以變換不同的寵物顯示

很方便

meromero park

修改語法中的KEY編號(請到水滴官網中語法頁面中找尋編號)

  例如:key=b4bec7e3d462d0c258362d787c45c5ab"

  b4bec7e3d462d0c258362d787c45c5ab就是編號

修改下方的寵物縮圖(修改圖片網址),建議使用正方形圖片!

如果只想顯示兩隻寵物可以將下面這段語法:

<!-- ↓ 水滴3號 ↓ -->
語法....語法.....語法
<!-- ↑ 水滴3號 ↑ -->

以及下面這段語法刪除即可!

<a onclick="changePet('pet3'); return false;" href="#"><img height="35" alt="水滴3號" src="圖片網址" width="35" border="0"></a>

將語法貼到部落格的相關位置中即可!

部落格貼語法的方法:

<center>
<SCRIPT type=text/javascript>
<!--
function changePet(pid) {
var e = document.getElementById(pid);
var p = document.getElementById('myBlogPets').getElementsByTagName('div');
for (var i=0;i<p.length;i++) {
var c = getClassName(p[i]);
if (c == 'pet') {
if (p[i].id != pid) {
p[i].style.display = 'none';
} else {
p[i].style.display = 'block';}}}}
function getClassName(e) {
var r = null;
r = e.getAttribute('class') || e.getAttribute('className');
return r;}
// -->
</SCRIPT>
<div id="myBlogPets">

<!-- ↓ 水滴1號↓ -->
<div class="pet" id="pet1">
<SCRIPT src="http://js.meropar.jp/merowindow.js?key=編號" type=text/javascript charset=UTF-8></SCRIPT>
<div style="MARGIN: auto; WIDTH: 150px">
<iframe marginWidth="0" marginHeight="0" frameBorder="0" width="0" height="0" src="http://js.meropar.jp/tracking.jsp?cache=750" name="I1">
</iframe></div></div>
<!-- 水滴1號 -->

 

<!-- ↓ 水滴2號 ↓ -->
<div class="pet" id="pet2" style="DISPLAY: none">
<SCRIPT src="http://js.meropar.jp/merowindow.js?key=編號"
type=text/javascript charset=UTF-8></SCRIPT>
<div style="MARGIN: auto; WIDTH: 150px">
<iframe marginWidth="0" marginHeight="0" frameBorder="0" width="0" height="0" src="http://js.meropar.jp/tracking.jsp?cache=219" name="I2">
</iframe></div>
</div>
<!-- ↑ 水滴2號 ↑ -->

 

<!-- ↓ 水滴3號 ↓ -->
<div class="pet" id="pet3" style="DISPLAY: none">
<SCRIPT src="http://js.meropar.jp/merowindow.js?key=編號"
type=text/javascript charset=UTF-8></SCRIPT>
<div style="MARGIN: auto; WIDTH: 150px">
<iframe marginWidth="0" marginHeight="0" frameBorder="0" width="0" height="0" src="http://js.meropar.jp/tracking.jsp?cache=625" name="I3">
</iframe></div></div>
<!-- ↑ 水滴3號 ↑ -->


<form id="petControl">
<a onclick="changePet('pet1'); return false;" href="#"><img height="35" alt="水滴1號" src="圖片網址" width="35" border="0"></a>
<a onclick="changePet('pet2'); return false;" href="#"><img height="35" alt="水滴2號" src="圖片網址" width="35" border="0"></a>
<a onclick="changePet('pet3'); return false;" href="#"><img height="35" alt="水滴3號" src="圖片網址" width="35" border="0"></a>
</form>
</div>
</center>
 

創作者介紹
創作者 roo 的頭像
roo

學習無止境

roo 發表在 痞客邦 留言(2) 人氣()


留言列表 (2)

禁止留言
  • smilekiss520
  • 請問一下,
    那個圖片網址是什麼?
  • babyface119
  • 妳好,謝謝妳提供的語法
    幫了我很大的忙呢
    我借用走這個語法囉