/* styles unrelated to zoom */ * { border:0; margin:0; padding:0; } p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;} /* these styles are for the demo, but are not required for the plugin */ .zoom { display:inline-block; position: relative; } /* magnifying glass icon */ .zoom:after { content:''; display:block; width:33px; height:33px; position:absolute; top:0; left:0; background:url(zoom-2.png); } .zoom img { display: block; } .zoom img::selection { background-color: transparent; } #ex2 img:hover { cursor: url(grab.cur), default; } #ex2 img:active { cursor: url(grabbed.cur), default; }
次のサンプル(数字譜の例もあります)
荒城の月