扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
复制下面代码
成都创新互联公司是一家集网站建设,长寿企业网站建设,长寿品牌网站建设,网站定制,长寿网站建设报价,网络营销,网络优化,长寿网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
script
var i=1;
function showImg()
{
for(var j=1;j6;j++){
if(i==j){
var sd=document.getElementById("z"+i);
sd.style.display="block";
}else{
var s=document.getElementById("z"+j);
s.style.display="none";
}
}
var k=setTimeout("op()",1000);
}
function op(){
//alert(i)
if(i==5){
window.clearInterval(dc);
}else{
i++;
var dc=setInterval("showImg()",1000)
}
}
/script
input type="text" id="z11" value="dsdsd" onclick="showImg()"/
div id="z1" style="display:none"1/div
div id="z2" style="display:none"2/div
div id="z3" style="display:none"3/div
div id="z4" style="display:none"4/div
div id="z5" style="display:none"5/div
style="z-index:xxx"
引用:
z-index : auto | number
auto: 默认值。
number: 无单位的整数值,可为负数 。
z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而 z-index 值为负数的对象在其之下。
使用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中进行执行。
不是javascript三层 而是前端分为三层
结构层对应html
表现层对应css
行为层对应javascript
所谓结构层就是用来描述整个页面的结构,html代码规划出整个页面的所有元素,并通过嵌套描述出结点之间的关系 所以叫结构层
表现层就是对结构层中描述的结点定义外观,所以叫表现层
行为层就是定义网页中各种事件如何触发,甚至实现一些业务逻辑,所以叫行为层
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流