ホームページ >ウェブフロントエンド >jsチュートリアル >CSS ダイナミックリンクのヒント_テキスト効果

CSS ダイナミックリンクのヒント_テキスト効果

WBOYオリジナル: 2016-05-16 18:43:31863ブラウズ

<title>ダイナミックリンクプロンプト</title>
<style type="text/css"> 
.article { 
BACKGROUND-COLOR: #ffcc00; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; POSITION: absolute; VISIBILITY: hidden 
}

A:hover { 
COLOR: #c0c0c0; TEXT-DECORATION: underline overline 
} 
.drop { 
FILTER: dropshadow(color=000000, offx=1, offy=1, positive=1) 
} 
.drop2 { 
FILTER: dropshadow(color=ffffff, offx=1, offy=1, positive=1) 
} 
</style>

<div align="center">
<a href="#" onmouseover="Show(ccc)" onmouseout="Hide(ccc)"></a>ASP とはどの言語ですか? </div>
<div id="ccc" class="article">
</div>プロンプトの内容は次のとおりです<div align="center">
<a href="#" onmouseover="Show(ddd)" onmouseout="Hide(ddd)"></a>PHP とは何ですか? </div>
<div id="ddd" class="article">
</div>気づきましたか？ランダムな動的ヒント<div align="center">
<a href="#" onmouseover="Show(eee)" onmouseout="Hide(eee)"></a>ASP.NET とは何ですか? </div>
<div id="eee" class="article">
</div>ランダムな動的プロンプト

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript スプリングオシレーターの超簡易バージョンは、省エネルギーとフックの定理_javascript スキルに完全に準拠しています次の記事：JavaScript スプリングオシレーターの超簡易バージョンは、省エネルギーとフックの定理_javascript スキルに完全に準拠しています

続きを見る

CSS ダイナミック リンクのヒント_テキスト効果

関連記事

CSS ダイナミックリンクのヒント_テキスト効果