ホームページ >ウェブフロントエンド >jsチュートリアル >マウスのグラデーション表示を実現するJS CSSメソッド DIVレイヤー_javascriptスキル

マウスのグラデーション表示を実現するJS CSSメソッド DIVレイヤー_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:13:31907ブラウズ

この記事の例では、JS CSSを使用してDIVレイヤーのマウス依存のグラデーション表示を実現する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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


<頭>
JS CSS 実装されたマウス対応のグラデーション表示 DIV レイヤー
<スタイル>
#ヒント{
位置:絶対;
左:90px;
幅:0px;
高さ:0px;
色:#FFF;
font-size:12px;
背景色:#000;
ボーダー:1px ソリッド #DEF;
フィルター:アルファ(不透明度=0);
不透明度:0;
z-index:999;
}

<スクリプトタイプ="text/javascript">









ここにマウスを置くと、div レイヤーが徐々に表示されます

興味と学習の交換のみを目的としてインターネットから収集されており、商用目的ではありません。



この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

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