jQuery字符串替换(Javascript开发技术大全书籍赠送)

时间：2010-11-02QQ群：116983258

写在最开始，本小站最近将送出一本Javascript开发技术大全，以后还会有更多书籍送出。获奖者将从本站评论中随机抽取一名同学，时间从2010-11-03零点算起，评论者需要在Gravatar申请绑定下头像(切记要有头像)，如果不了解请查看Gravatar申请方法，如果了解的话直接注册申请。书的封面如下(百度上找不到一张图，在Google上搜到的一张)：

现在开始正文。今天将gravatar显示头像部分调整了一下，使用到了replace()方法进行字符串的替换。可以看到replace()函数是javascript中的方法，首先让我们看看我使用replace()方法做了什么处理。

使用过gravatar的朋友们可能已经了解，显示图片时指定了图片的大小，在gravatar中最大头像为200X200px。而我们一般使用时指定头像为较小，如在我的站里指定为60X60，这样提高了图片加载速度，默认如下：

此时用户不能查看大图像，所以当用户光标停留在图片上时，显示图片的大图像显得很有作用。这样就要改变图片的大小，本来的图片src如下：

<img id="rptComment_ctl01_Gravatar1" width="60" height="60" src="?gravatar_id=f847fb8954f1750719d3feef3b033718&rating=G&size=60" />

下边我使用replace()方法将size大小进行了替换，并将它的src赋到预览图片上，如果你不了了的话可以查看使用jQuery预览图片，代码如下：

$("image").attr("src").replace("size=60", "size=200");

最终结果如下图所示：

好了，本篇就是说明了下字符串的替换，并重点指出了近期将送出Javascript开发技术大全以及要求，没有绑定Gravatar头像的赶快去绑定吧！

本活动已结束，感谢大家关注，获奖结果请查看。

作者：jQuery学习
除非注明，jQuery学习网文章均为原创，转载时必须以链接形式标明本文地址。
本文地址：

相关文章

大家说了些什么

1. ' 2010-11-03 20:23

drop table article

朋友的你 2010-11-03 21:56

为了互联网干净，就不要灌水了，大勇！而且头像要设置一个，留言只记一条。月底出结果吧！

2. realway 2010-11-04 14:15

说话要算数哦，呵呵

朋友的你 2010-11-04 18:43

说话肯定算数。^_^.

3. 墨水 2010-11-04 21:21

算我一个，Gravatar头像默认行吗？

4. 孙老四 2010-11-05 14:01

呃~我是过来学习的。

5. zyz 2010-11-06 12:19

howdy,hope your website will better and thx for share JQuery e.g.

6. Wener 2010-11-24 23:52

你是女的？ 回我email！

7. Super 2011-11-09 15:11

想请教下，这个小图和大图是什么思路实现的？