ホームページ > 記事 > ウェブフロントエンド > JQuery_jquery に基づく単純なマウスフォロープロンプト効果
JQuery_jquery に基づく単純なマウスフォロープロンプト効果
- WBOYオリジナル
- 2016-05-16 18:19:201449ブラウズ
1. 効果は写真の通りです
2. 実装アイデア
1 マウスをタイトル内に移動します (ここには タグがあります)
マウス位置のテキストをコンテンツとする div を作成します
作成した div をドキュメントに追加します
プロンプトレイヤーの位置を設定します
2 マウスをタイトルの外に移動します
div を削除
3 タイトル内でマウスが移動した場合
div エフェクトを追加するのと同じ
3.JQuery 実装コード
コードをコピー コードは次のとおりです:
< ;!DOCTYPE html>
body
{
font-size: 12px;
}
a
{
text-decoration:none;
}
a:hover
{
color:#CC0000; 🎜># main
{
margin:100px auto;
width:350px;
border:solid #aaa 1px;
背景色:#aaa;
}