手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >将两个div左右并列显示并实现点击标题切换内容
将两个div左右并列显示并实现点击标题切换内容
摘要:复制代码代码如下:选项卡首页嘿嘿,无视div原始class值。测试继续无视h3原始class值。无聊h3没有值也可以~傻蛋div没有值一样可...

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">

<head>

<title>选项卡</title>

<style type="text/css">

<>

</style>

</head>

<body>

<div id="tab01">

<h3>首页</h3>

<div><p>嘿嘿,无视div原始class值。</p></div>

<h3>测试</h3>

<div><p>继续无视h3原始class值。</p></div>

<h3>无聊</h3>

<div><p>h3没有值也可以~</p></div>

<h3>傻蛋</h3>

<div><p>div没有值一样可以~</p></div>

</div>

<div id="tab02">

<h4>首页</h4>

<ol><li>嘿嘿,无视容器原始class值。</li></ol>

<h4>测试</h4>

<ol><li>继续无视h3原始class值。</li></ol>

<h4>无聊</h4>

<ol><li>h3没有值也可以~</li></ol>

<h4>傻蛋</h4>

<ol><li>div没有值一样可以~</li></ol>

</div>

<div id="tab03">

<h3>首页</h3>

<div><p>嘿嘿,无视h3原始class值。</p></div>

<h3>测试</h3>

<div><p>继续无视div原始class值。</p></div>

<h3>无聊</h3>

<div><p>h3没有值也可以~</p></div>

<h3>傻蛋</h3>

<div><p>class值相似一样也可以~</p><div><p>指定class后,即时再多一个div也行。</p></div></div>

</div>

<script type="text/javascript">

<>

</script>

</body>

</html>

【将两个div左右并列显示并实现点击标题切换内容】相关文章:

JavaScript实现表格点击排序的方法

JavaScript中的Math.LOG2E属性使用详解

javascript自定义右键弹出菜单实现方法

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

带Checkbox的列表框

基于jQuery实现的无刷新表格分页实例

jquery任意位置浮动固定层插件用法实例

一个很简单的办法实现TD的加亮效果.

javascript实现点击后变换按钮显示文字的方法

Js和JQuery获取鼠标指针坐标的实现代码分享

精品推荐
分类导航