网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程

Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint

asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!

当前位置 > 网站建设学院 > 网页制作 > Javascript

网页制作：Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛

本月文章推荐

.突破IE屏蔽限制，自己的网站使劲.
.用flash+javascript实现网页中复.
.跨页面postback时传递JavaScript.
.JavaScript极速狂飙：CSS样式表的.
.使用javascript函数完美控制页面.
.全面理解javascript的caller,cal.
.JavaScript学习笔记（5）事件处理.
.JavaScript学习笔记（2）使用DO.
.JavaScript学习笔记 3-框架.
.Javascript获取某一标签的座标并.
.用JavaScript实现网页上的浮动广.
.JavaScript Cookie操作笔记.
.Javascript刷新框架及页面的方法.
.用Popup对象构建网页右键菜单.
.通过js给页面元素添加事件.
.窥探jQuery—面向JavaScript程序.
.Javascript实例教程(19) 使用HoT.
.Javascript实例教程(20) OLE Aut.
.用Javascript轻松制作一套简单的.
.Javascript实例教程(20) OLE Aut.

javascript实现四个重叠DIV切换功能

发表日期：2008-10-20

HTML如下

<html>

<script src="/static/js/jquery-1.2.6.js" type="text/javascript"></script>

<style type="text/css">

.jdjj
{

}

</style>
<div><table><tr><td><a href="#"></a></td><td><a href="#" onclick="jdjjchange(0)">DIV1</a></td><td><a href="#"onclick="jdjjchange(1)">DIV2</a></td><td><a href="#"onclick="jdjjchange(2)">DIV3</a></td><td><a href="#"onclick="jdjjchange(3)">DIV4</a></td></tr></table></div>
<div id="jdjj">
<div class="jdjj" >1</div>
<div class="jdjj" style="display:none;">2</div>
<div class="jdjj" style="display:none;">3</div>
<div class="jdjj" style="display:none;">4</div>
</div>

</html>

<script type="text/javascript">

function jdjjchange(i) {
$(".jdjj").hide().eq(i).show();
}

</script>

</html>

上一篇：用javascript控制复选框的个数人气:1161
下一篇：JavaScript中的JSON 人气:1598

浏览全部javascript的内容 Dreamweaver插件下载网页广告代码祝你圣诞节快乐 2009年新年快乐