■ サンプル
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/dark-hive/jquery-ui.css" rel="stylesheet" /> <script src="">http://www.google.com/jsapi"> <style> a.ui-state-default { padding: .4em 1em .4em 20px; text-decoration: none; position: relative; font-size: 85%; cursor: pointer; } span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; } </style> <a class="ui-state-default ui-corner-all"> <span class="ui-icon ui-icon-arrowthickstop-1-s"></span>Download </a> </body> </html>
参考文献
http://www.webopixel.net/javascript/303.htmlhttp://jquery.keicode.com/ui/icons.php
http://weback.net/javascript/1829/
