More Related Content
Similar to jQuery Trend (20)
jQuery Trend
- 11. 83.7%
jQuery
10.4% 8.6%
MooTools Prototype
2011년12월현재 http://w3techs.com/technologies/overview/javascript_library/all
- 17. 당장 시작할 수 있는 CSS:
div 태그 선택자
#id 아이디 선택자
.class 클래스 선택자
- 18. 당장 시작할 수 있는 CSS:
div div id=id class=class
#id div id=id class=class
.class div id=id class=class
- 23. ForDesigner
CSS body{background-color:red;}
jQuery $('body').css('background-color','red');
Image: nuttakit / FreeDigitalPhotos.net
- 24. ForDesigner
CSS body{background-color:red;}
jQuery $('body').css('background-color','red');
Image: nuttakit / FreeDigitalPhotos.net
- 25. ForDesigner
CSS body{background-color:red;}
jQuery $('body').css('background-color','red');
Image: nuttakit / FreeDigitalPhotos.net
- 26. ForDesigner
CSS body{background-color:red;}
jQuery $('body').css('background-color','red');
Image: nuttakit / FreeDigitalPhotos.net
- 27. Image: Danilo Rizzuti / FreeDigitalPhotos.net
Plugins
Image: Sujin Jetkasettakorn / FreeDigitalPhotos.net Image: phanlop88 / FreeDigitalPhotos.net
- 35. jQuery(#nivoslider-125).nivoSlider({
effect:random,
slices:15,
boxCols:8,
boxRows:4,
animSpeed:500,
pauseTime:3000,
startSlide:0, That's all
directionNav:true,
directionNavHide:true,
controlNav:true,
controlNavThumbs:false,
controlNavThumbsFromRel:true,
keyboardNav:true,
pauseOnHover:true,
manualAdvance:false
});
- 38. 어도비는 앞으로 안드로이드와 블랙
베리 플레이북을 위한 '플래시 플레이
어 11.1'을 끝으로 업그레이드 제품을
내놓지 않기로 했다
- 전자신문 2011년 11월 10일자
- 40. 그래서 생각한 것이 HTML4, CSS, jQuery를
함께 사용하는 것이었습니다. - CA 12월호
- 43. HTML ul
{ CSS
ul
list-‐style:none;
lia
href=#Home/a/li
margin:0;
lia
href=#About/a/li
padding:0;
lia
href=#Contact/a/li }
li
{
/ul
float:left;
width:100px;
margin:0;
padding:0;
Image
}
text-‐align:center;
li
a
{
display:block;
padding:5px
10px;
height:100%;
$('#nav
a')
jQuery
color:#FFF;
.css(
{backgroundPosition:
0
0}
)
text-‐decoration:none;
.mouseover(function(){
border-‐right:1px
solid
#FFF;
$(this).stop().animate( }
{backgroundPosition:(0
-‐250px)},
li
a
{
{duration:500})
})
background:url(bg.jpg)
repeat
0
.mouseout(function(){ 0;
$(this).stop().animate( }
{backgroundPosition:(0
0)},
li
a:hover
{
{duration:500})
background-‐position:50px
0;
})
}
- 50. 2009
2011. 10
2011. 11
- 54. Stock images
http://www.flickr.com/photos/maniya/4020026753/
http://www.flickr.com/photos/inferis/266391219/
http://www.flickr.com/photos/colodio/4301458933/
http://www.flickr.com/photos/nettsu/4423387852/
http://www.flickr.com/photos/ivyfield/4802227735/
http://www.flickr.com/photos/ivyfield/4800359168/
http://www.flickr.com/photos/boellstiftung/6322064224/
http://www.flickr.com/photos/chrisbartow/6474456991/
http://www.flickr.com/photos/jm3/4683685/