จาก WikiBall

ใช้เวอร์ชั่นใหม่สุด

แน่นอนเสียเหลือเกินว่าของใหม่ย่อมดีกว่าของเก่า ดังนั้นเราจึงควรใช้ jQuery ในเวอร์ชั่นที่ใหม่กว่า

<!-- get the API with a simple script tag -->
 <script type="text/javascript" src="<a href="http://www.google.com/jsapi%22%3E%3C/script">http://www.google.com/jsapi"></script</a>>
 <script type="text/javascript">
     /* and load minified jQuery v1.3.2 this way */
     google.load ("jquery", "1.3.2", {uncompressed: false});  

     google.setOnLoadCallback (onLoad);
 </script>

ใช้ For แทน Each

รวมสคริปซะ

รวมสคริปของทุกเพจไว้ด้วยกัน เพื่อที่จะให้บราวเซอร์โหลดแค่ครั้งเดียว

ใช้ ID แทน Class

ในการใช้ selecter ของ jQuery ควรจะใช้เลือกโดย ID แทนการเลือกด้วย class เช่น $(’#demo’) แทนการใช้ $(’.example’) ดังนั้นเราจึงควรเขียน HTML ใช้สนับสนุนการใช้งานในส่วนนี้ด้วย หรือถ้าจำเป็นต้องใช้ class จริงๆ ควรทำการสโคปการค้นหาให้เล็กลงเช่น $(’.class’, ‘#class-container’)

$(expression, context)  

$('#demo').html ('What's up');
$('#demo').css ('color', '#444444');
$('#demo').addclass ('fulltext');

var demo = $('#demo');
demo.html ('What's up');
demo.css ('color', '#444444');
demo.addclass ('fulltext');

 $('#demo').css ('color', '#444444').addclass ('fulltext');

จาก WikiBall

Features

• เป็น Plugin สำหรับ Jquery
• เป็น 3D Cloud Navigator ใช้ร่วมกับ mouse
• เป็น link

Download and demo

• https://projektserver.se/svn/tiny/javascript/jsTagCloud/
• http://slackers.se/resources/demo/jsTagCloud/demo.html

Example

<title>jsTagCloud: 3D Tag Cloud using jsTagCloud jQuery plugin</title>
     google.load("jquery", "1");
     google.setOnLoadCallback(function() {
             jQuery("#cloud").tagcloud({
                     'baseurl' : 'http://viralpatel.net/blogs/tag/',
                     'background' : [255,255,255],
                     'textcolor' : [0,0,128],
                     'interval' : 50,
                     'data' : [
                         {'url':'AJAX', 'tag':'AJAX'},
                         {'url':'browsers', 'tag':'browsers'},
                         {'url':'chrome', 'tag':'chrome'},
                         {'url':'Compression', 'tag':'Compression'},
                         {'url':'CSS', 'tag':'CSS'},
                         {'url':'exception', 'tag':'exception'},
                         {'url':'file-upload', 'tag':'file-upload'},
                         {'url':'firebug', 'tag':'firebug'},
                         {'url':'firefox', 'tag':'firefox'},
                         {'url':'gmail', 'tag':'gmail'},
                         {'url':'google', 'tag':'google'},
                         {'url':'internet', 'tag':'internet'},
                         {'url':'J2EE', 'tag':'J2EE'},
                         {'url':'jar', 'tag':'jar'},
                         {'url':'Java', 'tag':'Java'},
                         {'url':'JavaScript', 'tag':'JavaScript'},
                         {'url':'framework', 'tag':'framework'},
                         {'url':'java', 'tag':'java'},
                         {'url':'javascript', 'tag':'javascript'},
                         {'url':'jboss', 'tag':'jboss'},
                         {'url':'linux', 'tag':'linux'},
                         {'url':'JQuery', 'tag':'JQuery'},
                         {'url':'maven', 'tag':'maven'},
                         {'url':'pdf', 'tag':'pdf'},
                         {'url':'performance', 'tag':'performance'},
                         {'url':'rss', 'tag':'rss'},
                         {'url':'php', 'tag':'php'},
                         {'url':'servlet', 'tag':'servlet'},
                         {'url':'struts', 'tag':'struts'},
                         {'url':'stanford', 'tag':'stanford'},
                         {'url':'tomcat', 'tag':'tomcat'},
                         {'url':'twitter', 'tag':'twitter'},
                         {'url':'Web2.0', 'tag':'Web2.0'},
                         {'url':'ubuntu', 'tag':'ubuntu'},
                         {'url':'wordpress', 'tag':'wordpress'},
                         {'url':'windows', 'tag':'windows'}
                                 ]
                 });
     });
    <br>

Reference

• http://slackers.se/2009/jstagcloud-js-canvas-3d-tag-cloud