JS+DIV实现鼠标划过切换层效果

news/2024/7/20 21:37:24 标签: div, javascript, firefox, border, ie, 测试
<div id="article_content" class="article_content clearfix"> <div id="content_views" class="htmledit_views"> IE、FireFox下测试通过,不过有两个问题望有高手指点:
1、FireFox下鼠标移上去变换为手形鼠标样式效果失效(IE支持,而FireFox不支持,需要在JS中写鼠标的样式吗?)
2、这个函数的最后一个参数zDivCount是否可以不要?而通过JavaScript来取得诸如ID为:JKDiv_1、JKDiv_2、JKDiv_3…… 这样的数组,然后循环这个数据?如果可以的话那么应该用什么方法取得?(因为不知道,我这里就用了传参的方式来解决 border="0" src="http://jetking.blog.51cto.com/editor/icons/etc_08.gif" />)

<html>
<head>
<title>DIV层切换</title>

<script language="JavaScript" type="text/javascript">
/*********************************************
功能:    通用DIV切换函数
参数:    divID --当前DIV的ID号;divName  --要改变的这一组DIV的命名前缀;zDivCount --这一组DIV的个数-1
BY  :   JetKing 2007.06
http://www.80Boby.Com
*********************************************/
function ChangeDiv(divId,divName,zDivCount)
{
 for(i=0;i<=zDivCount;i++)
 {
     document.getElementById(divName+i).style.display="none";
 }
 document.getElementById(divName+divId).style.display="block";
}

</script>
</head>

<body>
层切换示例:<br>By:JetKing( www.80Boby.Com)<br>
<span onMouseMove="JavaScript:ChangeDiv('0','JKDiv_',2)" style="cursor:hand;">内容一</span>
<span onMouseMove="JavaScript:ChangeDiv('1','JKDiv_',2)" style="cursor:hand;">内容二</span>
<span onMouseMove="JavaScript:ChangeDiv('2','JKDiv_',2)" style="cursor:hand;">内容三</span>


<div id="BigDIV" style="border:solid 1px #cccccc;width:460px;margin:10px;">
    <div id="JKDiv_0" style="font-size:14px;margin:20px;color:#FF0000;">内容部分第一区<br><img src="http://www.80boby.com/images/common/watermark.gif"></div> _fcksavedurl=""http://www.80boby.com/images/common/watermark.gif"></div>"
    <div id="JKDiv_1" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第二区<br><img src="http://www.80boby.com/logo.gif"></div>
    <div id="JKDiv_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第三区</div>
</div>
</body>
</html> div> div> <div id="treeSkill">div>

http://www.niftyadmin.cn/n/1425977.html

相关文章

浅谈ServletContext

ServletContext是什么&#xff1f; WEB容器在启动时&#xff0c;它会为每个WEB应用程序都创建一个对应的ServletContext对象&#xff0c;它代表当前web应用。ServletConfig对象中维护了ServletContext对象的引用&#xff0c;开发人员在编写servlet时&#xff0c;可以通过Servle…

实现主页面滚动条随iframe里的内容自动调整

由于网页中使用到了iframe&#xff0c;如果iframe中的内容超过主页面的范围后&#xff0c;在iframe的四周会出现滚动条&#xff0c;这样和主页面很不协调&#xff0c;所以在网上找了很久&#xff0c;终于找到一段代码可以解决这个问题&#xff0c;代码如下&#xff1a;这段代码…

浅谈tomcat的配置及数据库连接池的配置

1.如何修改tomcat的端口 在某些情况下&#xff0c;可能需要修改tomcat监听的端口8080&#xff0c;比如&#xff1a; a.需要启动两份tomcat服务器 b.某个服务占用了8080端口(1433,1521,3306...) Windows查看端口使用命令&#xff1a;netstat -an 修改tomcat端口的方法&#xff1…

select元素javascript常用操作

/*------------------------------------------------------*作者&#xff1a;xieyu 2007-08-14*语言&#xff1a;JavaScript*说明&#xff1a;select元素javascript常用操作* 1.判断是否存在指定value的Item* 2.加入一个Item* 3.删除值为value的所有Item* 4.删除某一个index的…

Struts框架中struts-config.xml文件配置小结

弄清楚struts-config.xml中各项元素的作用&#xff0c;对于我们构建web项目有莫大的好处。<struts-config>是struts的根元素&#xff0c;它主要有8个子元素&#xff0c;DTD定义 如下&#xff1a; <!ELEMENT struts-config (data-sources?,form-beans?,global-except…

Tomcat 在IE中下载rar文件为乱码解决方案

web.xml文件中配置<mime-mapping>下载文件类型TOMCAT在默认情况下下载.rar的文件是把文件当作text打开,以至于IE打开RAR文件为乱码,如果遇到这种情况时不必认为是浏览器的问题,大多数浏览器应该不会死皮赖脸地把二进制文件当作文本打开,一般都是服务器给什么浏览器就开什…

*当用户下载含有中文的文件时出现乱码的解决办法

在做asp程序的时候&#xff0c;用了response.redirect "要下载的文件url"的方式来下载文件。但是当文件名含有中文时&#xff0c;用户点下载保存的时候&#xff0c;文件名在保存为对话框中确是乱码。 解决方法&#xff1a; 1、当把浏览器中的“总是通过UTF-8发送UR…

java中多种方式读文件,追加文件内容,对文件的各种操作

一、多种方式读文件内容。 1、按字节读取文件内容2、按字符读取文件内容3、按行读取文件内容4、随机读取文件内容import java.io.BufferedReader;import java.io.File;import java.io.FileInputStream;import java.io.FileReader;import java.io.IOException;import java.io.I…