7.30.2012

指向照片渐渐变浅的效果( 和以往的不一样的哦 )

Tumblr_m7lc1xowgm1qzgt9no1_500_large  
Electric Shock! ♛

好啦其实这个教程应该在上个礼拜就发了的 , 只是一直拖拖拖...拖到现在
其实这种效果和其他的不一样 , 这个是满满变浅的。个人觉得这个比较美。要知道效果吗 ? 就按向我的照片咯 ! 
好啦废话少说 , 进入教程啦!

1  Dashboard > Design > Edit HTML

2 ♥ 然后寻找 </head> 

3 ♥ 然后在 </head> 的前面放一下的代码 

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

然后就完成咯 ~

2 comments :

留下你的话 ~