復(fù)制下面代碼
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),長壽企業(yè)網(wǎng)站建設(shè),長壽品牌網(wǎng)站建設(shè),網(wǎng)站定制,長壽網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,長壽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
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: 無單位的整數(shù)值,可為負數(shù) 。
z-index值較大的元素將疊加在z-index值較小的元素之上。對于未指定此屬性的定位對象,z-index 值為正數(shù)的對象會在其之上,而 z-index 值為負數(shù)的對象在其之下。
使用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 取決于你的上下文.
這里實現(xiàn)了一個層的切換,在單擊“學員信息”這幾個層會出發(fā)onClick事件,運行之前定義好的changemenu函數(shù),第一個if相當與做了一個清空以前顯示的層的一個操作,old保存了是上一次打開層的對象,在每次觸發(fā)這個函數(shù)的時候,就把以前的層關(guān)閉。在第二個if-else中實現(xiàn)了層的顯示與關(guān)閉,在這里id..style.display為修改當前層的顯示形式(這個應(yīng)該早知道了),那么最終實現(xiàn)的效果就是,當單擊“學院信息”時就會顯示“第一個層顯示的內(nèi)容”,再點擊一下時,第一個if判斷old對象與obj對象是相等的所以第一個if不會執(zhí)行,進入到if-else中進行執(zhí)行。
不是javascript三層 而是前端分為三層
結(jié)構(gòu)層對應(yīng)html
表現(xiàn)層對應(yīng)css
行為層對應(yīng)javascript
所謂結(jié)構(gòu)層就是用來描述整個頁面的結(jié)構(gòu),html代碼規(guī)劃出整個頁面的所有元素,并通過嵌套描述出結(jié)點之間的關(guān)系 所以叫結(jié)構(gòu)層
表現(xiàn)層就是對結(jié)構(gòu)層中描述的結(jié)點定義外觀,所以叫表現(xiàn)層
行為層就是定義網(wǎng)頁中各種事件如何觸發(fā),甚至實現(xiàn)一些業(yè)務(wù)邏輯,所以叫行為層