zblog鼠标滑过图片变淡代码 zblogasp和zblogphp通用

有些朋友觉得网站上的图片一成不变的没有感觉（包括本人在内），总想给图片加点特效什么的。今天本文就为大家分享这个“鼠标滑过图片变淡代码”，具体效果请看本站网页上的图片。

现在zblog分为zblogasp和zblogphp两个版本，这个代码在两个版本都通用，但是调用方法不太一样，给大家详细说明下：

先上代码：

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

先来说zblogphp的调用方法：

把这个代码加入到header.php文件里面，放置到</head>前面就行。然后刷新下后台，前台就可以看到效果了，非常简洁方便。

zblogasp则不能直接调用，必须新建一个js文件，复制下面代码：

$(function () {$('img').hover(function() {
$(this).fadeTo("fast", 0.8);},
function() {$(this).fadeTo("fast", 1);});});

js名字自己定义，举例我保存为tupian.js，js文件放在主题文件夹内的SCRIPT文件夹里面，然后在header.html里面加入“<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/script/tupian.js" type="text/javascript"></script>”放置到</head>前面就行，然后文件重建，前台就可以看到效果了。