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

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

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>
声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 聆听杂志 !
  1. 2010年4月8日 | 09:07

    采集基本是没有办法的事- -各种被采集,包括被英文站采集居然也有…………

  2. 2010年4月8日 | 09:46

    唉,总有那么些心智不健全的人做一些心智不健全的事情,也许他自己也不知道为什么吧。。。

  3. 2010年4月8日 | 09:55

    @shaynez
    唉 没办法了,只能先搞个图片防盗链了,不然空间流量都快没了。 :sad:

  4. 2010年4月8日 | 10:00

    @路人假
    :sad: 唉 不能跟他们计较了,现在心痛下流量而已了。

  5. 2010年4月8日 | 11:06

    @ooaixt
    呵呵 只好设置下图片防盗链,希望能减少点外部流量。 :sad:

  6. 2010年4月8日 | 19:16

    这个好玩,要试试

  7. 2010年4月8日 | 19:36

    @万戈
    代码比较简单,加上以前加载过JS库了,一个效果也是要加载的,随便再多搞几个特效了。 :grin:

  8. 2010年4月9日 | 09:20

    好方法。。 用上去

  9. 2010年4月10日 | 16:37

    @pingcenter
    特效还挺好玩吧?呵呵 :smile:


订阅评论!