5. 预加载图片
view plaincopy to clipboardprint?
1. $(document).ready(function() {
2.    jQuery.preloadImages = function()
3.   {
4. for(var i = 0; i").attr("src", arguments[i]);
5.   }
6. };
7. // how to use
8. $.preloadImages("image1.jpg");
9. });
6. 页面样式切换
view plaincopy to clipboardprint?
1. $(document).ready(function() {
2.     $("a.Styleswitcher").click(function() {
3. //swicth the LINK REL attribute with the value in A REL attribute
4.         $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));
5.     });
6. // how to use
7. // place this in your header
8. <LINK href="default.css" type=text/css rel=stylesheet>
9. // the links
10. <A class="Styleswitcher" href="#" rel=default.css>Default Theme</A>
11. <A class="Styleswitcher" href="#" rel=red.css>Red Theme</A>
12. <A class="Styleswitcher" href="#" rel=blue.css>Blue Theme</A>
13. });
7. 列高度相同
如果使用了两个CSS列，使用此种方式可以是两列的高度相同。
view plaincopy to clipboardprint?
1. $(document).ready(function() {
2. function equalHeight(group) {
3.     tallest = 0;
4.     group.each(function() {
5.         thisHeight = $(this).height();
6. if(thisHeight > tallest) {
7.             tallest = thisHeight;
8.         }
9.     });
10.     group.height(tallest);
11. }
12. // how to use
13. $(document).ready(function() {
14.     equalHeight($(".left"));
15.     equalHeight($(".right"));
16. });
17. });
8. 动态控制页面字体大小
用户可以改变页面字体大小
view plaincopy to clipboardprint?
1. $(document).ready(function() {
2. // Reset the font size(back to default)
3. var originalFontSize = $('html').css('font-size');
4.     $(".resetFont").click(function(){
5.     $('html').css('font-size', originalFontSize);
6.   });
7. // Increase the font size(bigger font0
8.   $(".increaseFont").click(function(){
9. var currentFontSize = $('html').css('font-size');
10. var currentFontSizeNum = parseFloat(currentFontSize, 10);
11. var newFontSize = currentFontSizeNum*1.2;
12.     $('html').css('font-size', newFontSize);
13. return false;
14.   });
15. // Decrease the font size(smaller font)
16.   $(".decreaseFont").click(function(){
17. var currentFontSize = $('html').css('font-size');
18. var currentFontSizeNum = parseFloat(currentFontSize, 10);
19. var newFontSize = currentFontSizeNum*0.8;
20.     $('html').css('font-size', newFontSize);
21. return false;
22.   });
23. });