動態(tài)改變div的z-index屬性的簡單實例
更新時間：2013年08月08日 11:20:52 作者：
這篇文章介紹了動態(tài)改變div的z-index屬性的簡單實例，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<script language="javascript">
var MAX_INDEX=4;
function change(ddd)
{
if(ddd.style.zIndex<= MAX_INDEX)
{
ddd.style.zIndex = MAX_INDEX+1;
MAX_INDEX++;
}
}
</script>
<div id="layer1" onclick="javascript:change(this);" style="position:absolute;margin-left:100;margin-top:50px;margin-=100;width=100;height=100;background-color:#ff0000;z-index:1"></div>
<div id="layer2" onclick="javascript:change(this);" style="position:absolute;margin-left:120;margin-top:60px;margin-=120;width=100;height=100;background-color:#00ff00;z-index:2"></div>
<div id="layer3" onclick="javascript:change(this);" style="position:absolute;margin-left:140;margin-top:70px;margin-=140;width=100;height=100;background-color:#0000ff;z-index:3"></div>
<div id="layer4" onclick="javascript:change(this);" style="position:absolute;margin-left:160;margin-top:80px;margin-=160;width=100;height=100;background-color:#000000;z-index:4"></div>
您可能感興趣的文章:
相關(guān)文章
通過判斷UA中是否有關(guān)鍵字micromessenger，有的話則是微信內(nèi)置瀏覽器。下面小編給大家分享實現(xiàn)代碼，代碼簡單易懂，需要的朋友可以參考下2016-06-06
JS中touchstart事件與click事件沖突的解決方法
這篇文章主要給大家介紹了關(guān)于JS中touchstart事件與click事件沖突的解決方法，文中通過示例代碼將解決的方法介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
javascript來定義類的規(guī)范，有利于代碼的可閱讀性。2010-11-11
JS連接SQL數(shù)據(jù)庫與ACCESS數(shù)據(jù)庫的方法實例
這篇文章主要介紹了JS連接SQL數(shù)據(jù)庫與ACCESS數(shù)據(jù)庫的方法實例，有需要的朋友可以參考一下2013-11-11
關(guān)于IE7.8.彈出窗口頂上...2008-12-12
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
下面小編就為大家?guī)硪黄ㄟ^示例徹底搞懂js閉包。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了使用JavaScript開發(fā)IE瀏覽器本地插件實例,本文講解使用JS+注冊表的方式開發(fā)一個IE瀏覽器本地插件,需要的朋友可以參考下2015-02-02
$符號在php中是表示變量的特征字符， 在js中它也有很多作用， 一般我們用來命名一個函數(shù)名稱，獲取id的2008-06-06
下面小編就為大家?guī)硪黄?5位和18位身份證JS校驗的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07