大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
不是javascript三层 而是前端分为三层
创新互联-专业网站定制、快速模板网站建设、高性价比岑溪网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式岑溪网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖岑溪地区。费用合理售后完善,十载实体公司更值得信赖。
结构层对应html
表现层对应css
行为层对应javascript
所谓结构层就是用来描述整个页面的结构,html代码规划出整个页面的所有元素,并通过嵌套描述出结点之间的关系 所以叫结构层
表现层就是对结构层中描述的结点定义外观,所以叫表现层
行为层就是定义网页中各种事件如何触发,甚至实现一些业务逻辑,所以叫行为层
使用jquery:
$('#Layer1').hide();//隐藏
$('#Layer1').show();//显示
或者直接写js:
document.getElementById('Layer1').style.display="none";//隐藏
document.getElementById('Layer1').style.display="";//显示
var oDiv = ;//[your div] 可以用document.getElementById("IDNAME");
oDiv.style.visibility = "visible|hidden"; // 显示或者隐藏,hidden会保留div的位置,会显示一块空白
oDiv.style.display = "block|inline|none";//换行显示\同行显示\不显示.none不会保留div的位置,会由其他div自动填充原来的位置
//none 和 visible 取决于你的上下文.
这里实现了一个层的切换,在单击“学员信息”这几个层会出发onClick事件,运行之前定义好的changemenu函数,第一个if相当与做了一个清空以前显示的层的一个操作,old保存了是上一次打开层的对象,在每次触发这个函数的时候,就把以前的层关闭。在第二个if-else中实现了层的显示与关闭,在这里id..style.display为修改当前层的显示形式(这个应该早知道了),那么最终实现的效果就是,当单击“学院信息”时就会显示“第一个层显示的内容”,再点击一下时,第一个if判断old对象与obj对象是相等的所以第一个if不会执行,进入到if-else中进行执行。