聆听杂志 > 私人笔记 > 利用jquery实现图片显隐特效[转][我今天也“被”了]
日期: 2010年4月7日分类: 私人笔记标签: ,

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

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

  牢骚完了,进入正题吧。如果你以前使用了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>
声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 聆听杂志 !
本文的评论功能被关闭了.