\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc<\/b>\u3067\u753b\u50cf\u3092\u62e1\u5927\u30fb\u7e2e\u5c0f<\/b>\u3055\u305b\u3066Dock\uff08\u30c9\u30c3\u30af\uff09\u98a8\uff1f\u306b\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n
\u753b\u50cf\u3092\u5143\u306e\u30b5\u30a4\u30ba\u3088\u308a\u5c0f\u3055\u304f\u8868\u793a\u3055\u305b\u3066\u304a\u3044\u3066\u3001
\n\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc<\/b>\u3067\u5143\u306e\u30b5\u30a4\u30ba\u3092\u8868\u793a\u3055\u305b\u3066\u753b\u50cf\u304c\u5927\u304d\u304f\u306a\u3063\u305f\u3088\u3046\u306b\u898b\u305b\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u3059\u3002<\/p>\n
<\/p>\n
\u25bc\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n
<script type=\"text\/javascript\" src=\"js\/jquery-1.4.2.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n $(function() {\r\n $('#nav li img').hover(\r\n function(){\r\n $(this).stop().animate({\r\n 'width':'100px',\r\n 'height':'100px',\r\n 'marginTop':'-20px',\r\n 'marginLeft':'-10px',\r\n 'marginRight':'-10px'\r\n },100);\r\n },\r\n function () {\r\n $(this).stop().animate({\r\n 'width':'80px',\r\n 'height':'80px',\r\n 'marginTop':'0px',\r\n 'marginLeft':'0px',\r\n 'marginRight':'0px'\r\n },200);\r\n }\r\n );\r\n });\r\n\r\n <\/script><\/pre>\n\u57fa\u6e96\u3068\u306a\u308bwidth\/height\u3092JavaScript\u3092\u4f7f\u3063\u3066\u8868\u793a\u3059\u308b\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3092\u62e1\u5927\/\u7e2e\u5c0f<\/b>\u3055\u305b\u3066\u3044\u307e\u3059\u3002
\n\u3055\u3089\u306b\u3001Mac\u306edock\u98a8<\/b>\u306ebottom\u57fa\u6e96\u3092\u3059\u308b\u305f\u3081\u306b\u3001
\nJavaScript\u306e”marginTop”<\/b>\u3092\u8abf\u7bc0\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
\u25bcCSS<\/p>\n
<style type=\"text\/css\">\r\n#nav {\r\n\tmargin-top: -80px;\r\n\tmargin-left: 200px;\r\n\tlist-style: none;\r\n}\r\n#nav li {\r\n\tmargin-bottom: 0.8em;\r\n\tfloat: left;\r\n\tmargin: 0 30px;\r\n}\r\n#nav li a {\r\n\ttext-decoration: none;\r\n}\r\n<\/style><\/pre>\n\u25bcHTML<\/p>\n
<ul id=\"nav\">\r\n <li><a href=\"#\"><img src=\"img\/globe.png\" width=\"80\" height=\"80\"><\/a><\/li>\r\n <li><a href=\"#\"><img src=\"img\/sites.png\" width=\"80\" height=\"80\"><\/a><\/li>\r\n <li><a href=\"#\"><img src=\"img\/music.png\" width=\"80\" height=\"80\"><\/a><\/li>\r\n <li><a href=\"#\"><img src=\"img\/photos_alt.png\" width=\"80\" height=\"80\"><\/a><\/li>\r\n <li><a href=\"#\"><img src=\"img\/documents.png\" width=\"80\" height=\"80\"><\/a><\/li>\r\n <li><a href=\"#\"><img src=\"img\/empty.png\" width=\"80\" height=\"80\"><\/a><\/li>\r\n<\/ul><\/pre>\n\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001
\n\u300e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u308f\u305a\u306b\u3001\u304b\u3093\u305f\u3093\u5b9f\u88c5\u3067\u304d\u308bjQuery\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u307e\u3068\u3081 – NEET-NAVI<\/a>\u300f\u3055\u3093\u3067\u3059\u3002<\/p>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n