利用jquery实现图片显隐特效

作者：matrix 被围观: 2,571 次 发布时间：2011-08-05 分类：Wordpress 兼容并蓄 | 2 条评论 »

小站有个图片显隐效果是利用jquery做出来的.

利用jquery可以做很多特效:滑动菜单、图片幻灯...

首先需要在header.php中加载jquery，可以使用外链也可以内链。

外链可以利用google为我们提供的JS库，据说可以提高js加载速度，格式如下：

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

内链格式为：

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

然后再在header.php中添加即可：

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

来自：http://zmingcx.com/using-jquery-to-achieve-picture-was-hidden-effects.html