2016-03-27 6 views
0

CSS/jQueryを使用してPNG画像にマウスを移動することはできますか?PNG画像の上にカーソルを置くことは可能ですか?

純粋なCSS3を使用して要素(例:星)を作成する方がよいでしょうか?

+0

いずれにしても、「」タグの 'src'にPNG画像のパスを配置するだけです。代わりの要素も実行可能なオプションですが、私が知っている ''要素はありません。 – zer00ne

+0

いくつかのコードを表示してください...私は思うことができるので、どのようにしたいのですか? – Phoenix

答えて

2

あなたは両方の操作を行うことができます

のjQuery:

$('.someclass').hover(function(){ 
    // code goes here $(this).css({'border-color':'#fff'}); 
}); 

CSS:

.someclass { border-color: red; } 
.someclass:hover { border-color:#fff; } 

私はそれが特別な時に携帯電話でうまく機能することを見てきたように、私は個人的に純粋なCSSを使用してrecommandアニメーションとトランジションが使用されます。

0

CSSまたはjQueryを使用してカーソルを任意の場所に移動することはできません。 AutoHotKeyをダウンロードして、カーソルを移動して画像にカーソルを合わせたい場合は、そのスクリプトを作成することをお勧めします。 AutoHotKeyを使用すると、PNG画像の上でも画面上の任意の場所にマウスを移動できます!

純粋なCSS3で星を作ってみることもできますが、うまくいくとは思えません。私は、特定の場所にマウスを動かすCSSスターについて聞いたことはありません。ただし、このコードを試してみたい場合は、次のコードを入力してください:

<star color="yellow" border="thin solid black" pointCount="5" height="50px" width="50px" /> 

どうすればいいですか?

関連する問題