動(dòng)態(tài)改變div的z-index屬性的簡(jiǎn)單實(shí)例
更新時(shí)間:2013年08月08日 11:20:52 作者:
這篇文章介紹了動(dòng)態(tài)改變div的z-index屬性的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下
復(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>
您可能感興趣的文章:
- javascript 動(dòng)態(tài)改變層的Z-INDEX的代碼style.zIndex
- jQuery獲取css z-index在各種瀏覽器中的返回值
- JQuery UI DatePicker中z-index默認(rèn)為1的解決辦法
- vue樣式疊層z-index不起作用的解決方案
- 關(guān)于微信小程序map組件z-index的層級(jí)問題分析
- 推薦深入理解css中的position定位和z-index屬性
- Webpack打包c(diǎn)ss后z-index被重新計(jì)算的解決方法
- js實(shí)現(xiàn)輪播圖效果 z-index實(shí)現(xiàn)輪播圖
- 深入理解z-index的工作原理和應(yīng)用技巧
相關(guān)文章
JS中touchstart事件與click事件沖突的解決方法
這篇文章主要給大家介紹了關(guān)于JS中touchstart事件與click事件沖突的解決方法,文中通過示例代碼將解決的方法介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03JS連接SQL數(shù)據(jù)庫(kù)與ACCESS數(shù)據(jù)庫(kù)的方法實(shí)例
這篇文章主要介紹了JS連接SQL數(shù)據(jù)庫(kù)與ACCESS數(shù)據(jù)庫(kù)的方法實(shí)例,有需要的朋友可以參考一下2013-11-11原生js實(shí)現(xiàn)簡(jiǎn)單貪吃蛇小游戲
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)貪吃蛇小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06使用JavaScript開發(fā)IE瀏覽器本地插件實(shí)例
這篇文章主要介紹了使用JavaScript開發(fā)IE瀏覽器本地插件實(shí)例,本文講解使用JS+注冊(cè)表的方式開發(fā)一個(gè)IE瀏覽器本地插件,需要的朋友可以參考下2015-02-0215位和18位身份證JS校驗(yàn)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄?5位和18位身份證JS校驗(yàn)的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07