jQuery 折腾小记及汇总

从去年的11月发了篇《JQuery Adding》正式开始折腾jQuery，至现在用jQuery加的效果也有好一些了，所以就特来整理整理也汇算个总。

说白了jQuery就是JS，它只是把JS内的很多函数封装了，而且封装的相当不错，让懂点网页基础知识很容易就可以上手。

目前我所获得关于jQuery方面的知识不外乎来自于 jQuery 中文文档、《锋利的jQuery》以及网络搜索。我是极力推荐对jQuery有兴趣的同学看看锋利这本书的，我自己也是看完PDF版特地买了本收藏，也算支持作者一把，毕竟是我们国人作者自己写的！

额，接下来就一篇篇文章来了：

《如何正确使用jQuery代码》：简单的说明了两种使用jQuery代码的方式，这也是整合或者添加jQuery代码的基础篇；

《关闭/显示 WordPress侧边栏》：通过点击来关闭或者显示侧边栏，有助于访客阅读文章正文内容；

《美妙的标题提示》：鼠标移到超链接上时显示把alt和title酷酷的显示出来，非常吸引眼球；

《为附件添加个性图标》：给不同类型的附件加上小图标标识，虽CSS也可实现，关键是jQuery出来的效果兼容IE6；

《新窗口中打开评论者链接》：不动任何WP程序代码，一句jQuery即实现；

《“返回顶部”加强版》：点击滑动到页首页尾或者评论，IE6下显示有问题；

《Tab切换效果》：很经典的效果，如果页面内容太多繁多用这个不错，尤其用在侧边栏上；

《导航伸缩效果》：鼠标移到导航各位标题名称上时会向下滑动，移开则回复原样；

《恢复Picasa图片显示代码》：利用GAE搭建的程序加上jQuery，Picasa图完美显示；

《Ajax comments For Simple-Lines》：给Simple-Lines主题（官方提交版）整的专版AJAX评论提交；

《牛X的导航栏》：浏览器滚动条超过导航条时，导航附在浏览器的顶部并渐隐，耍酷专用；

题外话：

之前有把simplelines做成收费主题的想法，主要就是给主题加个后台和一些jQuery特效，经过几个月的考虑我还是放弃了，因为我看到太多优秀的主题都是免费分享的，我收费我惭愧啊！

暂时做了个变通，就是在主题页面加了个支付宝的捐赠地址，然后我有个想法：

如果有童鞋需要添加以上特效到主题中，可联系我，价格优惠！当然，也接受其他WP主题相关的小活~欢迎咨询！

PS：小站的广告位闲的蛋疼，咳……

2010-03-28

起衣
三月 28, 2010 22:07:22 #1

沙发

回复
- 林木木
  三月 28, 2010 22:57:22
  
  没了……
  
  回复
  - 起衣
    三月 29, 2010 09:11:9
    
    木木居然是把评论回复放到了AJAX评论里，强大
    
    回复
    - 林木木
      三月 29, 2010 12:29:12
      
      评论部分是用Willin大师的JS的~
      
      回复
immkoala
三月 28, 2010 22:12:22 #2

哈哈第一次这么靠前~
俺最近才刚开始折腾jQuery~还要向前辈大大多多学习~

回复
- 林木木
  三月 28, 2010 22:59:22
  
  NO前辈，我很菜的……
  
  回复
bolo
三月 28, 2010 22:13:22 #3

都是写很基础的选择器应用

回复
- 林木木
  三月 28, 2010 23:02:23
  
  我觉得复杂的得学了原生的JavaScript才行~
  
  回复
QiQBoY
三月 28, 2010 22:22:22 #4

内容挺丰富的。。

回复
- 林木木
  三月 28, 2010 23:05:23
  
  小结的另外一个含义就是jQuery折腾告一段落了……
  
  回复
  - 起衣
    三月 29, 2010 09:11:9
    
    就不玩叻么…
    
    回复
    - 林木木
      三月 29, 2010 12:30:12
      
      也不是不玩，没好的点子冒出来了，积淀下~
      
      回复
      - 起衣
        三月 29, 2010 12:39:12
        
        恩恩，厚积薄发~
        
        回复
小闇
三月 28, 2010 22:25:22 #5

噢噢我終於可以來折騰一下固定導航條那個jQuery 啊哈哈哈~★(黑心奸笑)

回复
- 林木木
  三月 28, 2010 23:06:23
  
  小闇每次留言都会儿（）的话出现…………
  
  回复
zlz
三月 28, 2010 22:42:22 #6

沙发啊我要~~~~~

回复
zlz
三月 28, 2010 22:43:22 #7

那啥由于 FF崩溃没搞到沙发，明天写个 wp短代码操作，记得你很早就发文章了，我学习了下

回复
- 林木木
  三月 28, 2010 23:07:23
  
  是啊，那很好用的呢！
  
  回复
秦大少
三月 29, 2010 02:07:2 #8

唉，要学的东西太多了！

回复
- 林木木
  三月 29, 2010 12:31:12
  
  学自己想要学，学的到的就可以了~~
  
  回复
小邪
三月 29, 2010 04:58:4 #9

嘎嘎，可以写书了呐 ~

回复
- 林木木
  三月 29, 2010 12:31:12
  
  哇塞赛，这个idea不错~~记下！
  
  回复
老千
三月 29, 2010 05:04:5 #10

网页动起来，动起来

回复
- 林木木
  三月 29, 2010 12:32:12
  
  恩！jQuery让页面生动许多~
  
  回复
阿邙
三月 29, 2010 05:06:5 #11

折腾一晚上了，感觉差不多了的时候发现评论显示不出来啦！
还得慢慢找答案，，

回复
万家乐热水器维修
三月 29, 2010 10:03:10 #12

呵呵,博主是比较不满足现状的人呀,支持!

回复
万戈
三月 29, 2010 10:28:10 #13

你的多数JQ已经被我用上啦，哈哈

回复
- 林木木
  三月 29, 2010 12:33:12
  
  貌似是的……
  
  回复
LIGHT
三月 29, 2010 11:00:11 #14

用jQuery用懒了..从头开始看JS的人飘过

回复
- 林木木
  三月 29, 2010 12:33:12
  
  jQuery上手容易要深入还是得学JavaScript的！
  
  回复
GEZ鸽子
三月 29, 2010 11:28:11 #15

什么时候你针对Z-B也出品写插件呢？

回复
- 林木木
  三月 29, 2010 12:35:12
  
  WP插件都不会写，ZBlog……不知是何年~~
  
  回复
掌柜的马甲
三月 29, 2010 12:33:12 #16

前来学习了~

回复
- 林木木
  三月 29, 2010 21:33:21
  
  欢迎欢迎~~
  
  回复
左岸读书
三月 29, 2010 13:24:13 #17

昨天看到一个新闻，说jQuery已经成为互联网上最强大的标准javascript应用库

回复
- 林木木
  三月 29, 2010 21:33:21
  
  jQuery还是开源的什么第一名来着~
  
  回复
荒野无灯
三月 29, 2010 14:51:14 #18

lucky过来的，来晚啦。
收藏此文，以备后来查看。

回复
- 林木木
  三月 29, 2010 21:36:21
  
  呵呵，都还不算难的，应该折腾不倒荒野~
  
  回复
小羿
三月 29, 2010 16:08:16 #19

很好的特效！！！

回复
- 林木木
  三月 29, 2010 21:37:21
  
  拿来好玩呢~~
  
  回复
mila
三月 29, 2010 18:56:18 #20

我的博客除了页面全打不开了

回复
- 林木木
  三月 29, 2010 19:41:19
  
  不哭不哭，请你吃Sugus糖糖~
  
  回复
ibuffalo
三月 29, 2010 20:02:20 #21

留言已然很多，但还是要给小木道声谢，你的jQuery代码实用又很棒。祝你早日开张！

回复
- 林木木
  三月 29, 2010 21:38:21
  
  已经开张了，接到一个定制WP主题的活，嘻嘻~
  
  回复
阿修
三月 29, 2010 21:18:21 #22

学学万戈，到处开炮。

回复
- 林木木
  三月 29, 2010 21:39:21
  
  额……万戈这榜样……
  
  回复
羽中
三月 29, 2010 22:09:22 #23

够收藏经典级别了

回复
- 林木木
  三月 30, 2010 19:51:19
  
  真的？HOHO，俺也强力啦~~
  
  回复
aisinvon
三月 29, 2010 23:15:23 #24

太喜欢你这博客啦，简洁但功能强大

回复
- 林木木
  三月 30, 2010 19:51:19
  
  多谢捧场~~无聊折腾的呢~
  
  回复
AlvinJ
三月 29, 2010 23:28:23 #25

真牛X！

回复
- 林木木
  三月 30, 2010 19:52:19
  
  HOHO，哦耶！
  
  回复
Jutoy
三月 30, 2010 10:23:10 #26

生命在于折腾~

回复
- 林木木
  三月 30, 2010 19:53:19
  
  那是那是~
  
  回复
A.shun
三月 30, 2010 11:51:11 #27

木木的主题越来越个性了
个性的很多，能个性之后还依然简洁的就不多了

回复
- 林木木
  三月 30, 2010 19:53:19
  
  简洁最重要的原因是，我的PS技术不行……
  
  回复
LaoSun
三月 30, 2010 16:20:16 #28

支持一下

回复
- 林木木
  三月 30, 2010 19:55:19
  
  恩，THS！
  
  回复
hebizz
三月 30, 2010 17:06:17 #29

经常来你这 jQ技术不错！

回复
- 林木木
  三月 30, 2010 19:55:19
  
  还算基本的啦~~
  
  回复
zwwooooo
三月 30, 2010 23:09:23 #30

jQuery很赞很喜欢，不过最近我减少了一些效果，话说木木的《“返回顶部”加强版》在Opera下正常么？

回复
- 林木木
  三月 31, 2010 14:54:14
  
  真没试过，应该没问题吧？
  
  回复
  - zwwooooo
    三月 31, 2010 15:17:15
    
    的确和我的一样在Opera下有问题（返回顶部），木木对 jQ 比较有研究，看能否解决一下？
    
    另外，你还是升级一下 willin 的 Ajax 嵌套评论代码吧，现在你的 Ajax 评论跟某些 chrome 插件有冲突（通常是一些翻译插件）
    
    回复
    - 林木木
      四月 1, 2010 12:57:12
      
      恩，zww不提醒还真不知道Willin大师更新了呢！Opera米安装……有空下午安个看看
      
      回复
尹康康
三月 31, 2010 09:47:9 #31

木木,请教一下SimpleLines使用的分页代码在哪里啊？

回复
- 林木木
  三月 31, 2010 14:59:14
  
  额，这个你看有英文navigation的就是了~
  
  回复
午夜兰花手札
三月 31, 2010 09:54:9 #32

真是魔鬼在细节中，太COOL了！

回复
- 林木木
  三月 31, 2010 15:00:15
  
  嘻嘻，魔鬼，细节！！哟西！
  
  回复
edikud
三月 31, 2010 22:17:22 #33

支持继续折腾WP！

回复
edikud
三月 31, 2010 22:21:22 #34

折腾jQ也不错的！

回复
- 林木木
  四月 1, 2010 12:59:12
  
  是啊，好玩的很！
  
  回复
510blog
三月 31, 2010 22:53:22 #35

林木木，帮人定做wp了吗？什么价钱啊？

回复
- 林木木
  四月 1, 2010 13:01:13
  
  是啊，一个小型企业站，拿了500，HOHO
  
  回复
Arne
四月 1, 2010 08:15:8 #36

个人感觉为附件添加个性图标用CSS比这个节省很多代码，不过每次都要自己手动加CSS，汗

回复
- 林木木
  四月 1, 2010 13:06:13
  
  手动累的哟~~
  
  回复
丕子
四月 1, 2010 08:16:8 #37

JQ真是人间极品木木啊

回复
- 林木木
  四月 1, 2010 13:06:13
  
  网页凶器是也~~~
  
  回复
Timothy
四月 2, 2010 11:14:11 #38

呵呵，俺也是从你的折腾系列文章开始入门jQuery的……

回复
- 林木木
  四月 2, 2010 21:43:21
  
  引诱别人折腾WP我乐此不疲呀！
  
  回复
不见
四月 3, 2010 02:00:2 #39

wp超级菜鸟，来学习啦。
先把网站给收藏了，慢慢折腾。

回复
- 林木木
  四月 3, 2010 19:06:19
  
  HOHO，欢迎折腾~~~
  
  回复
快乐岛博客
四月 3, 2010 22:24:22 #40

实在是强，这些文章打印出来可以出一本《jQuery之木木教程》了！

回复
- 林木木
  四月 4, 2010 08:05:8
  
  基本的我都米讲，只能算是一些网页的实例吧~
  
  回复
xiaojue
四月 5, 2010 22:09:22 #41

特效用太多你觉得好么。。。很乱、、阅读障碍。。

回复
- 林木木
  四月 6, 2010 12:27:12
  
  你有这样感觉？额哦，没考虑那么多，好玩而已，乱？我倒不觉得~
  
  回复
  - xiaodong
    五月 5, 2010 13:20:13
    
    我觉得很好，你这个博客太棒了，让我开了眼界 JQ真是个好东西
    
    回复
    - 林木木
      五月 6, 2010 20:07:20
      
      JQ网页的凶器啊！
      
      回复
Afio
四月 7, 2010 09:09:9 #42

QQ空间最近那个头像滑动加载是jQuery还是js?还是什么都不是？

回复
- 林木木
  四月 8, 2010 11:56:11
  
  jQuery也是JS，QQ那是用到AJAX加载了，具体还真说不清……
  
  回复
Cein
九月 11, 2010 20:25:20 #43

博客不错，以后常来光顾学习

回复
chnmcy
十一月 24, 2010 14:15:14 #44

飘过吧
我也学去

回复

发表评论取消回复

滑动导航栏也来滑动 PC游戏推荐：植物大战僵尸

木木木木木

jQuery 折腾小记及汇总

发表评论 取消回复

发表评论取消回复