求助关于js 控制class的小问题.

tgy007 楼主

<script> function zindexup() { var mapunit=document.getElementById('body').className = mapunit; mapunit.style.zIndex="999"; }; function zindexdown() { var mapunit=document.getElementById('body').className = mapunit; mapunit.style.zIndex="1"; } </script> <div id="body"> <div class="mapunit" style="top:526px;left:252px;width:75px;height:38px;line-height:38px;" onmouseover="zindexup()" onmouseout="zindexdown()"><a href="#" title="SEO">SEO</a></div> </body>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

我想让这个名为class="mapunit"的DIV中某一个部分应用鼠标事件,可是这么写好像不行,但是又不知道正确的写法,搜索各大站没有找到很合适的中文手册.无奈只好发此一贴.求助各位,谢谢!

另外就是zIndex,为何不能写成z-index这类的规范手册不知道哪里能找到或者名字是什么好让我去找找,不胜感谢!

wuleying

z-index 在JS里这样写会当做运算符

<div id="body">
<div class="mapunit" style="top:526px;left:252px;width:75px;height:38px;line-height:38px;" onmouseover="zindexup()" onmouseout="zindexdown()"><a href="#" title="SEO">SEO</a></div>

你的DIV嵌套有误吧..

[ 本帖最后由 wuleying 于 2007-7-24 09:32 编辑 ]

wuleying

<script> function zindexup() { document.getElementById('body').className="mapunit1"; }; function zindexdown() { document.getElementById('body').className="mapunit2"; } </script> <style> .mapunit1 a {color:#fff;background:#000;z-index:1;} .mapunit2 a {color:#000;background:#fff;z-index:99;} </style> <div id="body" style="top:526px;left:252px;width:75px;height:38px;line-height:38px;" onmouseover="zindexup()" onmouseout="zindexdown()"><a href="#" title="SEO">SEO</a></div> </body>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

基础部分建议楼主多看一下..

tgy007 楼主

多谢wuleying了,总是被一些小问题困扰着.哎,赶鸭子上架.能给我推荐一点基础的教程吗?谢谢

wuleying

http://www.douban.com/subject/1921890/

入门不错..看完这个再看这个

http://www.douban.com/subject/1232061/

tgy007 楼主

再次感谢.回头好好烟酒烟酒

tgy007 楼主

BTW,专门写两个CLASS样式比直接操作修改一个CLASS样式中的某一段要好一些吗?

我原来的想法是..鼠标没有滑上前,class="mapunit",滑上去后,class还是="mapunit".不过这个时候再赋予或者说修改z-index:99;您看这样可行吗?

[ 本帖最后由 tgy007 于 2007-7-24 10:13 编辑 ]