htmlマウスの形状を変更する方法: 1. CSS のカーソル属性を使用して、マウス ポインターの形状を変更します (「.a{ カーソル:ハンド }」などのコード)。 2. 3 番目のコードを使用します。パーティー コントロールを使用して、マウス ポインターの形状を変更します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
CSS/HTML マウス ポインターの形状を変更する
マウス ポインターの形状を変更するには 2 つの方法があります。1 つ目: CSS カーソル属性を使用するマウスポインタの形状を変更します。もう 1 つは、サードパーティ コントロールの使用です。私が最も頻繁に使用するのは 1 つ目です。css スタイル シート を使用して、マウス ポインター の形状を変更します。まず最初のものを見てください。カーソル属性を使用して、
マウス ポインタの形状を変更します。 リンクを追加するのにテキストや画像が必要ない場合や、リンクを追加するときにマウス スタイルが必要な場合もあります。これは、
css スタイル シートを使用して、マウス ポインターの形状を作成します。次の CSS マウス ポインター css スタイル シート のプロパティをいくつか設定してください:
# デフォルト | |
テキスト | |
##自動 |
##手の形状 |
ポインタ、 hand (hand は IE 専用) | #モバイル オブジェクト |
|
##許可されません |
リリースできません
| #ノードロップ|
待機/砂時計 | ##待機 |
ヘルプ | ヘルプ |
クロスヘア | 十字線 |
上(北)にサイズ変更 | n-サイズ変更
|
サイズを下方向 (南) に変更します | s_resize は n-resize と同じ効果があります |
左 (西) にサイズ変更します | w-resize |
サイズを右 (東) に変更します | e-resize は w-resize と同じ効果があります |
左上 サイズを変更 (北西) | #nw-resize|
sw-resize | |
ne-resize sw-resize と同じ効果 | |
se-resize と nw- サイズ変更の効果は同じです | |
url('cursor住所')####### ######## 上記は マウス ポインタ の形状を変更する css スタイル シート です。どうやって応用すればいいのでしょうか?例を使用して説明します: <style type="text/css"> .a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/</style> <p class=”a”>欢迎您到XXX来做客</p> ログイン後にコピー p タグ内にスタイル シートを直接記述することもでき、効果は同じです。例: <p style=”cursor:help;”>欢迎您到XXX来做客</p> ログイン後にコピー 別の使用方法もあります。原則は、CSS2のcursor属性、cursor: url(url)を使用し、マウスファイルはjpg、gif、ani、curなどのさまざまなファイル形式を使用できます。なお、この方法はIE5.5以上のブラウザでのみ正常に表示できます。 #[推奨学習:HTML ビデオ チュートリアル] マウス ポインターの形状を変更する 2 番目の方法: サードパーティ コントロールを使用する方法これ この方法は非常に簡単です。次のコードを Web ページ ファイルの に追加するだけです:<script language=>var Loaded=false;var Flag=false;</script> <script src='http://files.cometsystems.com//lc2000.js' language=></script> <script language=>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script> ログイン後にコピー それでは、必要なマウス スタイルを選択するにはどうすればよいでしょうか?まず、Web サイト http://www.cometzone.com にログオンします。この Web サイトには、14 の主要カテゴリで 4,000 種類以上のマウスが掲載されています。内容は非常に充実しており、マウス ファイルも美しく作成されています。マウスを選択できます。必要に応じてカテゴリから必要なものを選択し、対応するマウスをクリックすると、マウスの画像をクリックすると、さまざまな効果をプレビューできます。 |
以上がHTMLでマウスの形状を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。