Heim  >  Artikel  >  Web-Frontend  >  JavaScript栏目列表隐藏/显示简单实现_javascript技巧

JavaScript栏目列表隐藏/显示简单实现_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:38:341125Durchsuche
1.构建JavaScript库
复制代码 代码如下:

(function(){

//将命名空间IC注册到window
window['JSHide']={};

//隐藏侧边栏,并将图片换成右箭头图片
function yc()
{
document.getElementById("cloone").style.display ="none";
document.getElementById("img").innerHTML ="JavaScript栏目列表隐藏/显示简单实现_javascript技巧";

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

//显示侧边栏,并将图片换成左箭头
function xs()
{
document.getElementById("cloone").style.display ="";
document.getElementById("img").innerHTML ="JavaScript栏目列表隐藏/显示简单实现_javascript技巧";

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

2.将JS文件插入到HTML文件中
“插入”--“HTML”--"脚本对象"---“脚本”,选择好脚本文件后将其插入到HTML文件中。
3.HTML文件代码
复制代码 代码如下:





javascript
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn