html列表隐藏显示出来,JavaScript栏目列表隐藏/显示简单实现

1.构建JavaScript库

(function(){

//将命名空间IC注册到window

window['JSHide']={};

//隐藏侧边栏，并将图片换成右箭头图片

function yc()

{

document.getElementById("cloone").style.display ="none";

document.getElementById("img").innerHTML ="";

}

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

//显示侧边栏，并将图片换成左箭头

function xs()

{

document.getElementById("cloone").style.display ="";

document.getElementById("img").innerHTML ="";

}

window['JSHide']['xs']=xs;

})();

2.将JS文件插入到HTML文件中：

“插入”--“HTML”--"脚本对象"---“脚本”，选择好脚本文件后将其插入到HTML文件中。

3.HTML文件代码

javascript分栏模式

栏目一

栏目二

栏目三

栏目四

栏目五

这里是内容区域

html列表隐藏显示出来,JavaScript栏目列表隐藏/显示简单实现相关推荐

phpcms根据二级栏目列表写的三级栏目列表
1 <div class="container"> 2  3 <div class="CNLTreeMenu&qu ...
dedecms顶级栏目列表、子栏目列表调用DEDECMS调用父栏目名称
dedecms顶级栏目列表.子栏目列表调用DEDECMS调用父栏目名称怎么在dede栏目列表或者dede子栏目列表调用DEDE调用父栏目名称?DEDECMS调用父栏目名称.DEDECMS调用子栏目里 ...
百度云android隐藏空间,一招教你使手机端百度网盘中的隐藏空间在文件列表中显示出来...
一招教你使手机端百度网盘中的隐藏空间在文件列表中显示出来相信很多小伙伴都有在使用手机百度网盘,其中的隐藏空间如何才能在文件列表中显示出来呢?方法很简单,下面小编就来为大家介绍. 具体如下: 1. 首 ...
javascript实现鼠标经过显示隐藏内容
html代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
javascript事件列表解说
javascript事件列表解说事件浏览器支持解说一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
dedecms 栏目列表页链接如何优化
这篇文章主要介绍了dedecms 栏目列表页链接如何优化,具有一定借鉴价值,需要的朋友可以参考下.希望大家阅读完这篇文章后大有收获.下面让小编带着大家一起了解一下. dedecms 栏目列表页链接怎 ...
解决phpcms模版设置中不能显示栏目首页模板，栏目列表页模板，内容页模板等下拉菜单选项的问题！...
第1步:检查相应的模版文件夹中是否有模版文件一般地,查看目录phpcms/templates/default[模板风格标识]/content 栏目首页模板:以(category_)开头,catego ...
035——VUE中表单控件处理之使用vue控制select操作文字栏目列表
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Thinkcmf子栏目获取父级栏目所有子栏目列表
网站建设时经常需要输出某个栏目的子栏目,对应的在子栏目列表页也需要输出父级栏目的子栏目列表,thinkcmf可以输出所有子栏目,但却无法在子栏目列表页也适用, 因此就需要通过对数据库表查询来完成需求: ...

html列表隐藏显示出来,JavaScript栏目列表隐藏/显示简单实现

html列表隐藏显示出来,JavaScript栏目列表隐藏/显示简单实现相关推荐

最新文章

热门文章