MovableType・テンプレート・ブログカスタマイズの小粋なテクニック満載!

 


« 前のページ | HOME | 次のページ »

2006年04月03日

» マウスカーソルの変更

画面上のマウスカーソルを変更する方法です。
CSSに以下のソースを貼り付ければ簡単に変更できます。

◆通常のカーソル変更

<style type="text/css">
<!--
body{
cursor:カーソルのプロパティ;
}
-->
</style>

<カーソルのプロパティ>
auto crosshair default hand help move text wait
n-resize ne-resize nw-resize s-resize se-resize sw-resize
e-resize w-resize  all-scroll col-resize no-drop not-allowed
pointer progress row-resize vertical-text

◆カーソルに画像を使う方法

<style type="text/css">
<!--
body{
cursor:url("カーソルのアドレス.cur");
}
-->
</style>

カーソル画像はあらかじめ用意しておく必要があります。
カーソルの作成は、http://www.vector.co.jpにフリーのソフトが
あると思います。


★ この記事が参考になりましたら投票お願いします。


» 関連記事




» トラックバックURL

トラックバックURL: http://atoria.sakura.ne.jp/mt/mt-tb.cgi/59



» コメント

CSSってなんですか?



» コメントの投稿