如果你養了不只一隻水滴寵物
就可以像上面這樣~
點下方的小圖示就可以變換不同的寵物顯示
很方便
修改語法中的KEY編號(請到水滴官網中語法頁面中找尋編號)
b4bec7e3d462d0c258362d787c45c5ab就是編號
修改下方的寵物縮圖(修改圖片網址),建議使用正方形圖片!
如果只想顯示兩隻寵物可以將下面這段語法:
語法....語法.....語法
<!-- ↑ 水滴3號 ↑ -->
以及下面這段語法刪除即可!
將語法貼到部落格的相關位置中即可!
部落格貼語法的方法:
<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>
留言列表