目前分類:jQuery (14)

瀏覽方式: 標題列表 簡短摘要

jQuery 中,大部分的操作都基於 HTML DOM,所以我們必須確定頁面文件已經完全下載好才開始執行你的程式,jQuery 提供下面這個函式來處理 DOM ready 事件 (DOMContentLoaded)

 

$(document).ready(function() {

  // 這裡放你要執行的程式碼

});

 

你也可以這樣寫:

 

$(function() {  

  // 這裡放你要執行的程式碼

});

 

jQueryDOM ready event是等HTML DOM準備好就可以開始執行程式,不像一般常用的window.onload要連圖片、外部檔案等全部都下載完畢才會觸發onload事件。

 

摘自:http://webdesign.enjoyitsimply.com/jquery/

 

coolouis 發表在 痞客邦 留言(0) 人氣()

jCarousel Lite
Offers a multi-option carousel (slider)
http://www.gmarwaha.com/jquery/jcarousellite/
jcarousel-lite.jpg

 

CSS Globe Tooltip
Dead simple hover hints
http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
easy-tooltip.jpg

 

Cycle Lite
Rotates banners/images
http://malsup.com/jquery/cycle/lite/

cycle-lite.jpg 

jQuery Zoom

If you have designs where the details have a lot of importance, you should use this script to let your site’s visitors know that you don’t neglect details in your designs.

http://www.mind-projects.it/projects/jqzoom/

 jquery-zoom.jpg

Kwicks

Nifty little effect for menus, can also be used for other things if you are creative (and I am sure you are).

http://www.jeremymartin.name/projects.php?project=kwicks

kwicks.jpg  

jQuery Virtual Tour

If you are really proud of your studio, you can give a good feel of what it looks like with this virtual tour jQuery plugin.

http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en

virtual-tour.jpg 

coolouis 發表在 痞客邦 留言(0) 人氣()

動態式函數呼叫寫法
$("#someDiv")[someCondition ? "show" : "hide"]();

coolouis 發表在 痞客邦 留言(0) 人氣()

還滿被常用到的表格排序功能

1201.JPG 

http://tablesorter.com/docs/

coolouis 發表在 痞客邦 留言(0) 人氣()

jSuggest is yet another auto-completer for your text input box. It mimics the functionality of Google suggest. jSuggest will also bind item selection to your up and down arrows and also allow you to select the suggestions using your mouse.

1101.jpg 

http://www.gimiti.com/kltan/wordpress/?p=40

coolouis 發表在 痞客邦 留言(0) 人氣()

facebox是一個jquery為基礎的lightbox,可顯示images, divs,或者 remote pages。

http://famspam.com/facebox

coolouis 發表在 痞客邦 留言(0) 人氣()

jCarousel
http://sorgalla.com/jcarousel/

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).


Lifting Magnet Double Column Machining Center CNC Rotary Table Magnetic Clamping Tool Profile Grinder CNC Tilting Table CNC Cylindrical Grinder

coolouis 發表在 痞客邦 留言(0) 人氣()

Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/


Vertical Machining Center Lifting Magnet Index Table Surface Grinder CNC Cylindrical Grinder Centerless Grinder Vertical Lathe

coolouis 發表在 痞客邦 留言(0) 人氣()

jTip
http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip
http://www.codylindley.com/blogstuff/js/jtip/


Vertical Lathe CNC Tilting Table Internal Grinder Magnetic Workholding Magnetic Tool CNC Rotary Table Centerless Grinder

coolouis 發表在 痞客邦 留言(0) 人氣()

Mark-It-Up
http://markitup.jaysalvat.com/home/

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.


CNC Internal Grinder CNC Centerless Grinder CNC Surface Grinder Magnetic Tool Centerless Grinder Cylindrical Grinder Double Column Machining Center

coolouis 發表在 痞客邦 留言(0) 人氣()

ThickBox
http://jquery.com/demo/thickbox/

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Centerless Grinder Drill Grinder Lifting Magnet CNC Tilting Table Vertical Machining Center CNC Cylindrical Grinder Internal Grinder

coolouis 發表在 痞客邦 留言(0) 人氣()

Corner for jQuery
http://methvin.com/jquery/jq-corner.html

Corner adorners are all the rage in web design these days. Designers say that plain old right-angle corners are so Web 1.0 now. However, some of the techniques to take the edge off corners use extra markup that is only there to support the decoration, which violates the separation of content and presentation. Now that's really Web 1.0 so we don't want to go there. Others use single-purpose rounded corner images or bulky Javascript code; that seems like a high price to pay for beauty.


Internal Grinder Double Column Machining Center Cylindrical Grinder Surface Grinder Double Column Grinder CNC Rotary Table CNC Vertical Lathe

coolouis 發表在 痞客邦 留言(0) 人氣()

Lightbox for jQuery
http://code.google.com/p/jquery-lightbox/


Magnetic Workholding Lifting Magnet Profile Grinder CNC Tilting Table Cylindrical Grinder Horizontal Boring Mills Magnetic Tool

coolouis 發表在 痞客邦 留言(0) 人氣()

哈~~ 這真是個好東西,jQuery 的速查表,可以把它印出來供隨時查找。

來源網站:http://colorcharge.com/jquery/

如果要看詳細的用法和範例說明,還是上 jQuery 官方網站看文件。

jQuery Documentation:http://docs.jquery.com/

CNC Machine Tool CNC Rotary Table Profile Grinder CNC Tilting Table CNC Vertical Lathe Rotary Table Magnetic Tool

coolouis 發表在 痞客邦 留言(0) 人氣()