<\/p>\n
\u6587\u7ae0\u4e0a\u3067\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3059\u308b\u3068\u53f3\u5074\u304b\u3089\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u304c\u77ac\u9593\u79fb\u52d5\u3057\u3066\u304d\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
<\/p>\n
\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n
\u25bcJavaScript<\/p>\n
<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.0\/jquery.min.js\"><\/script>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t<script>$(function(){\r\n\t$(\"p.tooltip\").hide();\r\n\t$(\"a\").mouseover(function(){\r\n\t\t$(\"p.tooltip\").show().css({\r\n\t\t\t\"top\":$(this).offset().top+\"px\",\r\n\t\t\t\"left\":$(document).width()+\"px\"\r\n\t\t});\r\n\t\t\r\n\t\t\r\n\t\t\r\n$(\"p.tooltip:not(:animated)\").animate({\r\n\t\t\tleft:$(this).offset().left+$(this).width()+\"px\"\r\n\t\t},20,\"swing\");\t\t\r\n\t\t}).mouseout(function(){\r\n\t\t\r\n\t\t\r\n\t\tsetTimeout(function(){\r\n\t\t$(\"p.tooltip:not(:animated)\").animate({\r\n\t\t\t\tleft:$(document).width()+\"px\"\t\t\t\t\t\r\n\t\t\t},30,\"linear\",function(){\r\n\t\t\t\t$(this).hide();\r\n\t\t\t})\r\n\t\t},50);\r\n\t});\r\n});\r\n\t\t<\/script><\/pre>\n\u25bc CSS<\/p>\n
<style type=\"text\/css\">\r\nh1{\r\n\twidth:80%;\r\n\tmargin:10px auto;\r\n}\r\np{\r\n\tmargin:10px 10%;\r\n}\r\np.tooltip{\r\n\tline-height:1.5;\r\n\tcolor:white;\r\n\tmargin:0;\r\n\twidth:185px;\r\n\theight:86px;\r\n\tposition:absolute;\r\n\tpadding : 10px 20px 20px 10px;\r\n\tbackground:url(\"tooltip.png\");\r\n\tfont-size:small;\r\n}\r\n* html p.tooltip{\r\n\tbackground:none;\r\n\tfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader\r\n\r\n(src='SWtooltip.png',sizingMethod='scale');\r\n}\r\n\t\t<\/style>\r\n<\/pre>\n\u25bc\uff38\uff28\uff34\uff2d\uff2c<\/p>\n
<body>\r\n<h1>\u79d2\u901f\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7<\/h1>\r\n<p>\u3000\u52d5\u7269\u306b\u3088\u3063\u3066\u306f\u5171\u98df\u3044\u306b\u3088\u3063\u3066\u3001\u98e2\u304b\u3089\u306e\u304c\u308c\u3088\u3046\u3068\u3057\u307e\u3059\u3002\u307e\u305f\u5171\u98df\u3044\u306b\u3088\u3063\u3066\u3001\u5f7c\u3089\u306e\u5168\u4f53\u306e\u751f\u5b58\u3092\u7dad\u6301\r\n\r\n\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u3088\u3046\u306b\u3001\u5f7c\u3089\u306f\u3051\u3063\u3057\u3066\u7279\u6a29\u968e\u7d1a\u3067\u3082\u306a\u3051\u308c\u3070\u3001\u512a\u96c5\u3067\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u4e00\u65b9\u3001\u8349\u98df\u52d5\u7269\u306f\u3069\u3046\u304b\r\n\r\n\u3068\u3044\u3044\u307e\u3059\u3068\u3001\u3053\u306e\u65b9\u306f\u8349\u6728\u306f\u3075\u3093\u3060\u3093\u306b\u4e0e\u3048\u3089\u308c\u3066\u3044\u307e\u3059\u304b\u3089\u98e2\u306b\u56f0\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3057\u305f\u304c\u3063\u3066\u3001\r\n\r\n\u653e\u3063\u3066\u304a\u304d\u307e\u3059\u3068\u3001\u5f7c\u3089\u306e\u7a2e\u65cf\u306f\u3069\u3093\u3069\u3093\u6b96\u3048\u3066\u3044\u304d\u307e\u3059\u3002\u3053\u308c\u3092\u653e\u3063\u3066\u304a\u304f\u3068\u3001\u3053\u3093\u3069\u306f\u8349\u6728\u304c\u67af\u308c\u3066\u3057\u307e\u3044\u307e\r\n\r\n\u3059\u3002\u8349\u6728\u304c\u67af\u308c\u308c\u3070\u3001\u5f7c\u3089\u306e\u751f\u5b58\u306f\u899a\u675f\u306a\u304f\u306a\u3063\u3066\u304d\u307e\u3059\u3002\u305d\u3053\u3067\u3001\u8349\u98df\u52d5\u7269\u3068\u8349\u6728\u3068\u306e\u8abf\u6574\u5f79<a href=\"#\">\u30c4\u30fc\r\n\r\n\u30eb\u30c1\u30c3\u30d7<\/a>\u3092\u679c\u305f\u3057\u3066\u3044\u308b\u306e\u304c\u3001\u30e9\u30a4\u30aa\u30f3\u3092\u306f\u3058\u3081\u3068\u3057\u305f\u8089\u98df\u52d5\u7269\u3068\u3044\u3063\u3066\u3082\u3044\u3044\u306e\u3067\u3042\u308a\u307e\u3059\u3002\u8349\u6728\u306f\u3001\u7fa4\u751f\r\n\r\n\uff08\u3050\u3093\u305b\u3044\uff09\u3059\u308b\u8349\u98df\u52d5\u7269\u306e\u6392\u6cc4\u7269\uff08\u306f\u3044\u305b\u3064\u3076\u3064\uff09\u304c\u305d\u306e\u80a5\u6599\u3068\u306a\u308a\u3001\u8349\u6728\u81ea\u4f53\u306e\u751f\u5b58\u3092\u53ef\u80fd\u306b\u3057\u3066\u304a\u308a\u307e\u3059\u3002\r\n\r\n\u5351\u8fd1\uff08\u3072\u304d\u3093\uff09\u306a\u4f8b\u3068\u3057\u3066\u306f\u3001\u82b1\u3068\u871c\u8702\uff08\u307f\u3064\u3070\u3061\uff09\u3084\u8776\uff08\u3061\u3087\u3046\uff09\u306e\u95a2\u4fc2\u3067\u3042\u308a\u307e\u3059\u3002\u871c\u8702\u3084\u8776\u306f\u3001\u82b1\u306b\u3042\u308b\u871c\r\n\r\n\u3092\u6c42\u3081\u3001\u82b1\u306f\u3001\u871c\u8702\u3084\u8776\u306e\u82b1\u7c89\u3092\u5f97\u3066\u3001\u82b1\u3092\u3088\u308a\u7f8e\u3057\u304f\u54b2\u304b\u305b\u307e\u3059\u3002\u3053\u306e\u3088\u3046\u306b\u3001\u52d5\u7269\u3068\u8349\u6728\u306e\u95a2\u4fc2\u3068\u3044\u3046\u3082\u306e\u306f\r\n\r\n\u3001\u305f\u304c\u3044\u306b\u76f8\u88dc\u3044\u306a\u304c\u3089\u3001\u81ea\u7136\u306e\u74b0\u5883\u3092\u4fdd\u6301\u3057\u3066\u3044\u308b\u306e\u3067\u3042\u308a\u307e\u3059\u3002<\/p>\r\n<p class=\"tooltip\">\u3053\u308c\u306f<br>\r\n<strong>\u79d2\u901f<\/strong><br>\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7<\/p>\r\n<\/body><\/pre>\n