方法转自知更鸟，实现的效果如图，当鼠标悬停到图片上时，图片变得透明。

PS1：郁闷，本站被采集了。没办法，采用图片防盗链，以前会在博客中加入音乐的下载链接，以后不知道还有没有动力去放置音乐下载地址。采集估计是采用RSS获取的方式，实在没办法以后会禁用FEED，难道非得让我在进入博客前设置一道密码？如果是干净的站点转载还好，可偏偏是那些垃圾站。特烦这些垃圾站，纯粹是为了网络广告收入而建立的。其实心里一直想不通个人博客为什么非要去“盈利"，如果真能赚几百美元，也算是创汇了，可N多站点一年也才混个域名钱，可非要去挂个大大的广告代码，广告代码配置得好还不错，样式还算协调，可很多SX们一点点美感都没。垃圾站长们，我深深地BS你。

PS2：牢骚完了，进入正题吧。如果你以前使用了JS库，那么您可以跳过第一步，直接使用第二步的代码。例如以前使用过Willin大师的Ajax评论或万戈的“页面载入中提示效果”等，这些都是调用过JS库的。

第一步：在header.php中加载jquery，可以使用外链也可以内链。
外链可利用google提供的JS库，调用格式为：

1

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>

内链空间jquery，把jquery.min.js上传到风格的js目录下，调用格式为：

2

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.min.js" ></script>

第二步：在header.php中，添加到《/head》前，插入代码为：

1
2
3
4
5
6
7
8

<script type="text/javascript">
$(function () {
$('img').hover(
function() {$(this).fadeTo("fast", 0.5);},
function() {$(this).fadeTo("fast", 1);
});
});
</script>