ホームページ > 記事 > ウェブフロントエンド > JavaScript 列の非表示/表示の簡単な実装 list_javascript スキル

JavaScript 列の非表示/表示の簡単な実装 list_javascript スキル

WBOYオリジナル: 2016-05-16 17:38:341128ブラウズ

1. JavaScript ライブラリをビルドします

( function(){

//名前空間 IC をウィンドウに登録
window['JSHide']={};

//サイドバーを非表示にして画像を置き換える右矢印付き image
function yc()
{
document.getElementById("cloone").style.display ="none";
document.getElementById("img").innerHTML =" < ;img src='画像/右矢印.png' width='10' height='10' longdesc='画像/右矢印.png' onclick='JSHide.xs()' />";

}
window['JSHide']['yc']=yc;

//サイドバーを表示し、画像を左矢印に変更します
function xs()
{
document.getElementById("cloone").style.display ="";
document.getElementById("img").innerHTML ="

";

}
window['JSHide'][' xs ']=xs;
})();

2. JS ファイルを HTML ファイル に挿入します:
"Insert"--"HTML" --「スクリプトオブジェクト」---「スクリプト」でスクリプトファイルを選択し、HTMLファイルに挿入します。
3.HTML ファイルコード

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

;

javascript 列モード

>

声明：

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

前の記事：ExtJS_extjs での Ext.Direct のロードおよび送信プロセスのトラブルシューティングの概要次の記事：ExtJS_extjs での Ext.Direct のロードおよび送信プロセスのトラブルシューティングの概要

続きを見る

これはコンテンツ領域です

JavaScript 列の非表示/表示の簡単な実装 list_javascript スキル

関連記事