实例学习Javascript之构建方法、属性- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 实例学习Javascript之构建方法、属性

技术文章搜索

关键字

实例学习Javascript之构建方法、属性

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 157 ::

收藏到网摘: n/a

点下网页的任意地方,都可到达指定页面的js代码腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title></title> <link href="http://www.nextway.cn/attachments/month_0605/StyleSheet.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="http://www.nextway.cn/attachments/month_0605/TagPage.js"></script> <script language="javascript" type="text/javascript"> function crea(){ var obj = new CTagPages("maintag"); obj.add(new CTag("files","文件","content1"));//创建一个文档中不存在的内容页 obj.add(new CTag("edits","编辑","content2")); obj.add(new CTag("windows","窗口","content3")); obj.add(new CTag("helps","帮助","content4")); document.all.tag.innerHTML = obj; obj.setTag(1); obj = new CTagPages("maintag1"); obj.add(new CTag("files","文件","Div1"));//创建一个文档中不存在的内容页 obj.add(new CTag("edits","编辑","Div2")); obj.add(new CTag("windows","窗口","Div3")); obj.add(new CTag("helps","帮助","Div4")); document.all.tag1.innerHTML = obj; obj.setTag("files"); } window.onload = crea; </script>
</head>
<body> <hr /> <div id="tag"></div> <div id="content1" class="content" style="background-color:Green;">我爱你中国</div> <div id="content2" class="content" style="background-color:Aqua;">爱你中国</div> <div id="content3" class="content" style="background-color:Fuchsia">中国爱你</div> <div id="content4" class="content" style="background-color:Blue">很爱你中国</div> <div id="tag1"></div> <div id="Div1" class="content" style="background-color:Green;">我爱你中国</div> <div id="Div2" class="content" style="background-color:Aqua;">爱你中国</div> <div id="Div3" class="content" style="background-color:Fuchsia">中国爱你</div> <div id="Div4" class="content" style="background-color:Blue">很爱你中国</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点下网页的任意地方,都可到达指定页面的js代码腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

实例学习Javascript之构建方法、属性

评论 (0) All