Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

webstudy jquery

1,930 views

Published on

http://hansh.kr

web study jquery

Published in: Technology, Design
  • Hello,
    How are you doing and how is life down there in your Country? I guess you are having good time. My name is Cordelia . I would love to be communicating with you for a mutual and well established friendship. I am really consumed by your profile, giving me the impression that you will be a type i desire to have as a friend. Pleas i will like you to write me back on my email address(ask4pretycordelia@hotmail.com) so that we can share our photos and experience of life and every other things in common with each other. I will wait to hear from you.

    Take care of yourself.
    Cordelia
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

webstudy jquery

  1. 1. jQuery { JavaScript Librarypenguns@naver.com Han seung ho 한승호
  2. 2. Index  jQuery & Basic tutorial  Develop helper  jQuery plug-in
  3. 3. Ready 1. TeamViewer http://www.teamviewer.com http://www.teamviewer.com/download/TeamViewerQS_ko.exe 2. Google chrome setup https://www.google.com/chrome 3. Google chrome extension Chrome web store jQuery Selectors jQuery Plugins Inspector
  4. 4. { jQuery & Basic tutorial
  5. 5. JavaScript LibraryjQuery is designed to change the way that you write JavaScript. 9260 line (1.71 dev) 9260 line + 1 line <script src="jquery.js"></script> <script> $(‘div’).show(); </script> http://jquery.com/
  6. 6. $(‘Selectors’). method(...); example $(‘#box1’). hide(); $(‘.box2 a’). fadeout(); $(‘#box1, .box2 a’). show(); $(‘div’). css(‘display, none); http://oscarotero.com/jquery/API [Application Program Interface] http://visualjquery.com/
  7. 7. $(‘Selectors’). .method(...) .method(...); example$(‘#box1’).show().css(‘left, 300).animate( { left: 600 }, 1000 ).fadeout();$(‘#box1’).show().addClass(over); http://cfs.tistory.com/custom/blog/68/68469 8/skin/images/jquery.html http://jsfiddle.net/shilpe/r7MgY/11840/
  8. 8. var name = $(‘Selectors’). .method(...) .method(...); examplevar box2a = $(‘.box2’).find(‘a’);box2a.show();
  9. 9. Navigation Design Main-menu Html + CSS jQuery click & hover Sub-menu html + CSS
  10. 10. { Develop helper
  11. 11. Jsfiddle http://jsfiddle.net
  12. 12. jQuery Selectors
  13. 13. jQuery Plugins Inspector
  14. 14. { jQuery plug-in
  15. 15. in sequenceCall jQuery Call plug-in JS Call CSS http://docs.jquery.com/Plugins/Authoring
  16. 16. jQueryUI http://jqueryui.com/ http://jsfiddle.net/shilpe/kNQS4/
  17. 17. BX Slider http://bxslider.com/
  18. 18. Apycom menus http://apycom.com/
  19. 19. Flex slider http://flex.madebymufffin.com/
  20. 20. { Thank you

×