bookmarklet「mixest 試聴」

by ethertank

HTML

<p>bookmarklet : <a href="javascript:(function(){var f=document.createElement('iframe');f.setAttribute('src','http://www.mixest.com/');f.setAttribute('style','position:fixed;bottom:0;right:0;z-index:100000;width:530px;height:350px');document.body.appendChild(f);})();">Listen to the mixest</a></p>

<p>インディーズミュージックを試聴できるウェブサイト「mixest」を、インラインフレームで現在見ているページの右下に表示します。※実行後、自動で再生が開始されます。</p>

<p>まぁきょーび全部タブブラウザだから要らんわなとか思いつつ(。-&omega;-)っ♪</p>

CSS

a{display:inline-block;padding:3px 6px; border:1px solid #999;text-decoration:none;color:#000;-moz-border-radius:3px;border-radius:3px;background:#eee}
a:hover{background:red;color:#fff;border-color:#f99;cursor:-moz-grab;cursor:grab}
a:active{cursor:-moz-grabbing;cursor:grabbing}
p{margin:1em 0;}
body{font-size:0.86em;background:#006;color:#fff;}