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


答案：<!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=> 
    <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需刷新才能执行]
上一个：鼠标经过时链接文字的特别震撼的显示效果
下一个：js实现的很酷的连接提示效果
更多图片编程知识: