Wordpress主题美化:利用Jquery实现图片显隐特效

微Fan:Jquery的强大相信使用wordpress主题的各位都非常清楚,很多WordPress主题中都有加载jquery来实现一些特效,比如滑动菜单、图片幻灯等,只有你想不到,没有J做不到的。。。

图片特效第一步

header.php文件修改:

加载jquery,可以使用外链也可以内链。
外链可以利用google为我们提供的JS库,据说可以提高js加载速度


第二种内链方式


在header.php适当位置中添加:


注:本代码是设置所有图片都添加显隐特效,你也可以在上面的代码中添加选择器,让特定Div容器中的图片具有显隐特效,修改('img')为例如('.thumbnail img,.entry img')。

 

另一种是鼠标悬停到图片上时,图片变得清晰(详情请见):


设置方法如上面相同。

发表评论
加载中...
  • 孙宇浩 3年前 (2014-06-10)

    你的网站你我的漂亮多多了

  • 孙宇浩 3年前 (2014-06-10)

    好吧,多说评论的个性化CSS也很酷,大神啊!

  • 孙宇浩 3年前 (2014-06-10)

    我试了上面你说的代码,把代码加在前,但是图片没有达到预期的效果。你可以帮我看看吗,域名:voteam.com(刚开始接触,好多东西都不懂,谢谢啦)

相关文章