← designg.info トップページに戻る(文字を中心にしたページ)← designg.info トップページに戻るdesigng.info トップに戻る→HTML トリック リスト一覧→ページにスパイス
サイトマップへ
サイトの使い方
カラフル・セレクティブその他(リンクなど)コミュニケーション(掲示板・ウェブログ)ダウンロードイントロデュースサイトのカラーリングアイディアノート ページにスパイス
結果はこうなります

ではサンプル。ただ、今までのネットユーザーはオーソドックスな矢印が好きな人もいるので,ここぞという時に使ってみるのがいいでしょう。

「カーソルの実験」

通常のオーソドックスな指印

SAMPLE 1のカーソル・・・どうですか?きちんと表示されていますか?

SAMPLE2のカーソル・・・SAMPLE 1がうまくいくと次もうまくいったりします

 

組み合わせ

よっては

こんなことも可能

<html>


<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<title>表示編 5 「指定した文字列に独自のカーソルで表示する」----「カーソルの実験」</title>
</head>

<body class="blueback" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div align="center">
<p>「カーソルの実験」</p>
<p></p>
<p><a href="#">通常のオーソドックスな指印</a></p>
<p></p>
<p style="cursor:url(../sample1.cur);">SAMPLE 1のカーソル・・・どうですか?きちんと表示されていますか?</p>
<p></p>
<p style="cursor:url(../sample2.cur);">SAMPLE2のカーソル・・・SAMPLE 1がうまくいくと次もうまくいく(笑)</p>
<p></p>
<p> </p>
<p></p>

<p style="cursor:url(../sample1.cur);">組み合わせ</p>
<p style="cursor:url(../sample2.cur);">に</p>
<p style="cursor:url(../sample1.cur);">よっては</p>
<p style="cursor:url(../sample2.cur);">こんなことも可能</p>

</div>
<div align="right"></div>
</body>

</html>

他のテクニックも併用して使ってみませんか?他のテクニックのリスト一覧
リンク編 表示編 メール編
リンクの下線を消す スクロールバーの色を変える メールに自動で件名と本文を追加する
ステータスバーに文字を挿入する タイトルバーの文字をスクロールする
リンクの箇所にマウスを乗せて特定の部分にメッセージを出す 画像データを一定時間ごとに切り替えて表示する
ページを自動でスクロールする
指定した文字列に独自のカーソルで表示する
背景画像を用意せずに背景をグラデーション化させる
文字の均等割付をする

ページの上へ
このサイトの制作者、takkaについて。これから先にこのサイトに掲載する予定の企画やコンテンツをこのページで紹介していますインフォメーションメールの受付やオンラインの確認はこちらからどうぞサイトマップへ
コピーライト