スポンサーサイト

今日は何位かな?→人気ブログランキングに参加しています♪

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

マウスカーソルを変える

今日は何位かな?→人気ブログランキングに参加しています♪

マウスカーソルが普段と違うようになるコトがたまにありますよね?
ページ全体だったり一部だったりします。

結構嫌うヒトも多いカスタマイズの1つです。
ご自身の判断で行って下さい。

クレーム殺到やアクセスダウンなどになっても責任は負えません。


えあは以前にこのカスタマイズをページ全体に使い、某大型掲示板に名指しで書き込まれたコトがあるのです(;´▽`lllA``

知識としては持っていますけど、今後は使いません。


●一部変える場合

1.変えたい部分を下記の様に囲みます。
<span style="cursor : crosshair ;">見てみて~♪</span>

2.他のタグと組み合わせる場合
<a href="news.html" style="cursor:crosshair;">ココをクリック★</a>

●全体を変えたい場合

1.<head>~</head>の間に下記のプログラムを書きます。

<style type="text/css">
<!--
a:hover { cursor:crosshair; }
-->
</style>


2.<body>タグにちょっと書き加えます。

<body style="cursor:crosshair;">




↓↓↓どの方法にも共通です。
crosshairの部分を下記のように変えられます。

auto
default
hand
help
move
text
wait
n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize

※IE6.01以降で使用可能
all-scroll
col-resize
no-drop
not-allowed
pointer
progress
row-resize
vertical-text

どんな形状かは文字の上にカーソルを持っていくと表示されます★


IEのバージョンの古いモノや他のブラウザでは反映されなかったり、違う形の
カーソルが表示される場合があります。

つまり自分は最新版のIE7を使っていても、見てる方がIE5.5だと※以下のは
表示されなかったり…とゆ~コトが起きます。

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

[tips]tips | 【2007-05-25(Fri) 15:15:30】 | Trackback:(0) | Comments:(1) | [編集]
コメント
このコメントは管理人のみ閲覧できます
2007-05-25 金  16:23:26 | - [編集]
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。