国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

JavaScript實(shí)現(xiàn)多個(gè)重疊層點(diǎn)擊切換效果的方法

2024-05-06 16:18:33
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

這篇文章主要介紹了JavaScript實(shí)現(xiàn)多個(gè)重疊層點(diǎn)擊切換效果的方法,實(shí)例分析了javascript實(shí)現(xiàn)點(diǎn)擊切換效果的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)多個(gè)重疊層點(diǎn)擊切換效果的方法。分享給大家供大家參考。具體如下:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>三個(gè)層重疊,點(diǎn)擊可切換</title> 
  7. <script type="text/javascript"
  8. function $(obj){ 
  9. return document.getElementById(obj); 
  10. function change(n){ 
  11. for (var i=1;i<4;i++){ 
  12. if(n==i){ 
  13. $("a"+i).style.zIndex="100"
  14. }else
  15. $("a"+i).style.zIndex="0"
  16. </script> 
  17. </head> 
  18. <body> 
  19. <div id="a1" 
  20. style="position:absolute;left:100px;top:100px;width:100px;height:100px; 
  21. background-color:#ddeeff;z-index:1" onclick="change('1')" > 
  22. </div> 
  23. <div id="a2" 
  24. style="position:absolute;left:150px;top:130px;width:100px;height:100px; 
  25. background-color:#eeffdd;z-index:2" onclick="change('2')"> 
  26. </div> 
  27. <div id="a3" 
  28. style="position:absolute;left:200px;top:160px;width:100px;height:100px; 
  29. background-color:#ffddee;z-index:3" onclick="change('3')"> 
  30. </div> 
  31. <div>http://www.survivalescaperooms.com/</div> 
  32. </body> 
  33. </html> 

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 井冈山市| 拉孜县| 井冈山市| 保山市| 镇赉县| 邹城市| 剑川县| 同德县| 手机| 曲沃县| 临澧县| 渭南市| 疏勒县| 武穴市| 天台县| 涞水县| 拉孜县| 和林格尔县| 韶山市| 高邮市| 璧山县| 兴和县| 衡南县| 西乡县| 多伦县| 五原县| 京山县| 玉溪市| 松阳县| 宁安市| 东丰县| 屏东市| 汉阴县| 洛阳市| 清河县| 张北县| 保定市| 河间市| 金塔县| 瑞丽市| 南阳市|