ホームページ > ウェブフロントエンド > jsチュートリアル > Mouse_JavaScript スキルの形状とスタイルを変更する js メソッド

Mouse_JavaScript スキルの形状とスタイルを変更する js メソッド

WBOY
リリース: 2016-05-16 16:54:01
オリジナル
1545 人が閲覧しました

現在、ほとんどのブラウザは次のポインター スタイルをサポートしています (マウスをスタイル名の上に移動すると、ポインター スタイルがそのスタイルに変更されるのを確認できます):
auto move no-drop Col-resize
all-scroll pointer not-allowed row-サイズ変更
クロスヘアの進行状況 e-resize ne-resize
デフォルトのテキスト n-resize nw-resize
ヘルプ垂直テキスト s-resize se-resize
inherit wait w-resize sw-resize
Windows Internet Explorer 6.0 以降では、上記のポインター スタイルは次のとおりです。
Mouse_JavaScript スキルの形状とスタイルを変更する js メソッド

スクリプトを通じて要素のマウス ポインター スタイルを変更するには、要素の属性 element.style を設定できます。上記の値のいずれかにカーソルを合わせます。 (JavaScript を使用しない別の方法。要素の HTML タグで属性を使用できます):

コードをコピーします コードは次のとおりです

function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid (id) .style.cursor=cursorstyle;
}
}
}

マウスを移動する場合は、マウスのスタイルを変更するためによく使用されるメソッドを追加します。要素を選択してマウスのスタイルを変更するには、この要素のスタイルにカーソル: (変更するスタイル) を追加します。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート