Èó¾ï¤Ë´Êñ¤Ë¡¢²¼µ¤Î¤è¤¦¤ÊÈ¿¼Í¸ú²Ì¤Î¤Ä¤¤¤¿²èÁü¤ò¤Ä¤¯¤ë»ö¤¬¤Ç¤¤Þ¤¹¡£
ɬÍפÊjs¥Õ¥¡¥¤¥ë¤ò£±¤ÄÆɤ߹þ¤ó¤Ç¡¢img¥¿¥°¤Ë¡Öclass="reflect"¡×¤ÈÀßÄꤹ¤ë¤À¤±¡¢¤È¤¤¤¦´Êñ¤µ¤Ç¤¹¡£
¡Ú¡Øreflection.js¡Ù¤ò¤Ä¤«¤Ã¤Æ²èÁü¤ËÈ¿¼Í¸ú²Ì¤ò¤Ä¤±¤¿¥µ¥ó¥×¥ë¥Ú¡¼¥¸¤Ï¤³¤Á¤é¡Û
¡Ú¼ê½ç£±¡Û¡Øreflection.js¡Ù¤ò¥À¥¦¥ó¥í¡¼¥É
¤³¤Á¤é¤Î¥µ¥¤¥È
http://cow.neondragon.net/stuff/reflection/
¤«¤é¡Øreflection.js¡Ù¤ò¥À¥¦¥ó¥í¡¼¥É¤·¤Æ¤¯¤À¤µ¤¤¡£¡Ê±Ñ¸ì¥µ¥¤¥È¤Ç¤¹¡Ë
¡ö2011ǯ¸½ºß¤Î¾õÂÖ¤À¤È¡ÖDownload the latest version, Reflection.js v2.0.¡×¤È½ñ¤«¤ì¤¿¤È¤³¤í¤ò¥¯¥ê¥Ã¥¯¤¹¤ì¤Ð¡¢¥À¥¦¥ó¥í¡¼¥É¤Ç¤¤Þ¤¹¡£
¥À¥¦¥ó¥í¡¼¥É¤¹¤ë¤È¡¢¿§¡¹¤Ê¥Õ¥¡¥¤¥ë¤¬¤Ï¤¤¤Ã¤Æ¤Þ¤¹¤¬¡¢´ðËÜŪ¤ËɬÍפʤΤϡØreflection.js¡Ù¤Î¤ß¤Ç¤¹¤«¤é¡¢¤½¤ì¤À¤±¼è¤ê½Ð¤·¤Æ¤¯¤À¤µ¤¤¡£
¡Ú¼ê½ç£²¡Û¤¢¤¿¤Ê¤Î¤Ä¤¯¤ë¥Ú¡¼¥¸¤Ë¥Õ¥¡¥¤¥ë¤ò¤¤¤ì¤Æ¡¢HTML¤«¤éÆɤ߹þ¤à
¤¢¤Ê¤¿¤ÎºîÀ®¤¹¤ë¥Ú¡¼¥¸¤Î¥Õ¥©¥ë¥À¤Ë¡Øreflection.js¡Ù¤ò¤¤¤ì¤Æ¡¢
HTML¤Î¥Ø¥Ã¥À¡¼¤Ë¡Øreflection.js¡Ù¤òÆɤ߹þ¤à
---------------------
<scripttype="text/javascript" src="³¬層¤ò記½Òし¤Æ¤Í/reflection.js"></script>
---------------------
¤òµºÜ¤·¤Æ¤¯¤À¤µ¤¤¡£
¤½¤·¤Æ¡¢È¿¼Í¸ú²Ì¤ò½Ð¤·¤¿¤¤²èÁü¤Î¡Öimg¥¿¥°¡×¤Ë¡Öclass="reflect"¡×¤Èµ½Ò¤·¤Æ¤¯¤À¤µ¤¤¡£
Î㤨¤Ð²¼µ¤Î¤è¤¦¤Ê´¶¤¸¤Ç¤¹
---------------------
<imgsrc="photo/001.jpg" class="reflect" >
---------------------
°Ê¾å¤Ç¡¢²èÁü¤¬È¿¼Í¤µ¤ì¤ë¤Ï¤º¤Ç¤¹¡£
È¿¼Í¤ÎŤµ¤ò¥«¥¹¥¿¥Þ¥¤¥º¤·¤¿¤¤¾ì¹ç
¥µ¥ó¥×¥ë¤Ë¤¢¤ë¤è¤¦¤Ë
È¿¼Í¤µ¤»¤ë²èÁü¤ÎŤµ¤òÄ´À°¤¹¤ë»ö¤¬¤Ç¤¤Þ¤¹¡£
¥µ¥ó¥×¥ë¤ÎHTML¤ò¤ß¤Æ¤â¤é¤¦¤È²ò¤ë¤È»×¤¤¤Þ¤¹¤¬¡Öclass¡×¤Ë¡Örheight¡×¤È¤¤¤¦µ½Ò¤¬¤¢¤ê¤Þ¤¹¤è¤Í¡£
¤½¤·¤Æ¡¢¤½¤Î¸å¤í¤Ë¿ô»ú¤¬¤Ä¤¤¤Æ¤¤¤Þ¤¹¡£¡Örheight10¡×¤È¤«¡£
---------------------
<imgsrc="photo/001.jpg" class="reflect rheight10" >
<img src="photo/002.jpg" class="reflect rheight50" > <img src="photo/003.jpg" class="reflect rheight100" >
---------------------
¤³¤Î¡Örheight¡×¸å¤í¤Î¿ô»ú¤¬¡¢½Ä¤ÎŤµ¤òɽ¤·¤Æ¤¤¤Þ¤¹¤Î¤Ç¡¢¿ô»ú¤¬Â礤¤Êý¤¬Ä¹¤¯¤Ê¤ê¡¢¿ô»ú¤¬¾®¤µ¤¤¤Èû¤¯¤Ê¤ê¤Þ¤¹¡£
¤³¤Á¤é¤ÇÈ¿¼Í¤ÎŤµ¤òÄ´À°¤¹¤ë¤³¤È¤¬¤Ç¤¤Þ¤¹¡£
¥Õ¥©¥È¥·¥ç¥Ã¥×¤Ê¤É¤Ç¤¤¤Á¤¤¤ÁÈ¿¼Í¤ò¤Ä¤¯¤ë¤Î¤¬¤á¤ó¤É¤¦¤Ê¾ì¹ç¤Ï¡¢¤È¤Æ¤âÊØÍø¤ÊÂåʪ¤Ç¤¹¤Í¡£