ホームページ > 記事 > ウェブフロントエンド > JS Loading function_javascript スキルの簡単な実装
JS Loading function_javascript スキルの簡単な実装
- WBOYオリジナル
- 2016-05-16 17:11:46814ブラウズ
Web を閲覧すると、データのロード中に LOADING プロンプトが表示されることがよくあります。実際、この関数の原理は非常に単純です。つまり、DIV が現在のページをカバーし、そのカバーされた DIV レイヤーに Loading が表示されます。
1. 現在のページ:
コードをコピーします コードは次のとおりです:
2. マスクレイヤー:
コードをコピーします コードは次のとおりです:
< div id="over" class="over">
3.表示レイヤーの読み込み:
コードをコピーします コードは次のとおりです。
コード全体:
コードをコピー コードは次のとおりです:
< ; script type = "text/javascript"＆gt;
function showloading（）
>（） "＆gt; loading＆lt;/a＆gt;＆lt;/div＆gt;
＆lt; div id =" over "class = "over">
最終効果:
インターネット上で別の実装方法も見かけましたが、JS を使用して html タグの値を継続的に変更してプロンプトを読み込む効果を実現するというアイデアが良いと思いました。コードは次のとおりです:
コードをコピーします コードは次のとおりです:
最終终果：
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。