1、打开编辑器,新建test.html,用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件,如下图所示。
3、在页面的body标签里,新建一个div,名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div,通过css()方法让文字居中。
5、在浏览器中打开test.html,可以在文字在页面中间显示。
<style>.altbg2{margin:0pxpadding:0px}
.left{margin:0pxpadding:0px}
</style>
<div class="altbg2">
<font size=2 color=#FE6632>
<div align="left">
<script type="text/javascript" src='mingyan.js'></script>
</font></div>
如果点击某个div层置顶显示的话
需要用到Z-index 值
而使用zIndex值 就必须对元素进行绝对定位
可以用如下方法 让被点击的层置顶
//创建一个公共Z值var z=999
//然后获取所有div
var aDiv=document.getElementsByTagName('div')
//遍历元素
for(var i=0i<aDiv.lengthi++){
//添加事件
aDiv[i].onclick=function(){
//控制当前点击的div每次点击就z++
//比如这次点击了z值到了1000
//然后下一个div点击的时候
//把这个值赋给他 然后他还++一次 变成1001
//这样那个又是最高的了
this.style.zIndex=z++
}
}