博主:Moony和梨子

博主目前狀態: 要考試了(淚奔——

對部落格有疑問?:点击发表疑問
對這裡有啥意见?:点击发表意见


"不要認為你做不到,很多事情只是看你願意花多少心思去做而已"

如何把音乐器收藏起来

哟!我们回来咯~!
我是梨子呀 ^^
下订单的顾客们,我们会尽量赶给你哦!
很不好意思,也在此说声对不起 :(

研究了一个多小时,终于研究到....
如何把音乐器收藏起来

如图,

好处:
1. 要关闭音乐时不用拉上拉下去找。
2. 电脑不会那么Lag哦 :)


现在就发教程吧 ^^

首先,
去设计(Design) > 页面元素(Page Element)>添加小工具(Add Gadgets)
>HTML/JavaScript

把以下的代码粘贴进去:
<style type="text/css">
#gb{
position:fixed;
bottom:10px;
left:1px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:150px;
bottom:10px;
float:bottom;
cursor:pointer;
background:url('被点击的图片URL') no-repeat;
}
.gbcontent{
float:bottom;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">   </div>
<div class="gbcontent">
 音乐器的代码 
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.bottom = (30-gb.offsetWidth).toString() + "px";
</script>

left:1px; = 被点击的图片与部落格左边的距离
height:100px; = 被点击的图片的高度
width:150px; = 被点击的图片的宽度

所谓的被点击的图片就是这个:

可以在此网址找可爱漂亮的图片
glitter-graphics.com

如果想要属于自己的,可以在此下订单哟 :)





版权所有.独自占有必究
如果要转载,一定要写上我们的部落网址或“月&梨"

1 comment:

有任何疑问,就请留言 :)
先声明:不接受恶意批评与留言。

欢迎再次光临。
谢谢。

------------月梨心---------------