二级回复页面

html部分

"pn">
    
"list0">
      "close" href="javascript:;">X
      
"head">"img/T1.jpg" alt=""/>
      
"content">
       
"text">"name">彭某某：######3
    
       
"good">"date">02-14 23:01"dzan" href="javascript:;">赞
       
"people" total="2980">100人觉得很赞
       
"comment-list">
        
"comment" user="self">
         
"comment-left">"img/T5.jpg" alt=""/>
         
"comment-right">
          
"comment-text">"user">冯某：对太顶了
          
"comment-date">02-14 22:00
           "comment-zan" href="javascript:;" total="23" my="1">23 取消赞
           "comment-dele" href="javascript:;">回复
          
         
        
        
"comment" user="self">
         
"comment-left">"img/T3.jpg" alt=""/>
         
"comment-right">
          
"comment-text">"user">李某某：最好的没有之一
          
"comment-date">02-14 24:00
           "comment-zan" href="javascript:;" total="0" my="0">赞
           "comment-dele" href="javascript:;">回复
          
         
        
        
"comment" user="self">
         
"comment-left">"img/T4.jpg" alt=""/>
         
"comment-right">
          
"comment-text">"user">吴某：绝对太顶了
          
"comment-date">02-14 22:00
           "comment-zan" href="javascript:;" total="0" my="0">赞
           "comment-dele" href="javascript:;">回复
          
         
        
       
       
"hf">
        "text"</span> class=<span class="token string">"hf-text"</span> autocomplete=<span class="token string">"off"</span> maxlength=<span class="token string">"100"</span>>评论…
        "hf-btn">回复
        "hf-nub">0/100
       
      
    
    
"list0">
      "close" href="javascript:;">X
      
"head">"img/T2.jpg" alt=""/>
      
"content">
       
"text">"name">苏某某：############
    
       
"good">"date">02-14 23:01"dzan" href="javascript:;">赞
       
"people" total="2980">2980人觉得很赞
       
"comment-list">
        
"comment" user="self">
         
"comment-left">"img/T6.jpg" alt=""/>
         
"comment-right">
          
"comment-text">"user">杨某：流弊
          
"comment-date">02-14 22:00
           "comment-zan" href="javascript:;" total="23" my="1">23 取消赞
           "comment-dele" href="javascript:;">回复
          
         
        
        
"comment" user="self">
         
"comment-left">"img/T7.jpg" alt=""/>
         
"comment-right">
          
"comment-text">"user">徐某：牛逼牛逼
          
"comment-date">02-14 24:00
           "comment-zan" href="javascript:;" total="0" my="0">赞
           "comment-dele" href="javascript:;">回复
          
         
        
       
       
"hf">
        "text"</span> class=<span class="token string">"hf-text"</span> autocomplete=<span class="token string">"off"</span> maxlength=<span class="token string">"100"</span>>评论…
        "hf-btn">回复
        "hf-nub">0/100
       
      
    

css部分

 *{
    margin: 0;
    padding: 0;
    border: none;
}
address,cite,dfn,em,var{
 font-style:normal;
}
code,kbd,pre,samp{
 font-family:courier new,courier,monospace;
}
ul,ol{
 list-style:none;
}
a{
 text-decoration:none;
}
a:hover, a:visited, a:link, a:active{
 text-decoration:none;
}
sup{
 vertical-align:text-top;
}
sub{
 vertical-align:text-bottom;
}
legend{
 color:#000;
}
fieldset,img{
 border:0;
}
button,input,select,textarea{
 font-size:100%;
}
table{
 border-collapse:collapse;
 border-spacing:0;
}
.clear{
 clear: both;
 float: none;
 height: 0;
 overflow: hidden;
}
body{
 color:#333;
}
#pn{
 width: 550px; 
 height: auto; 
 background: #fff;
  margin: 0 auto; 
  padding: 20px;
}
.list0{
 padding: 20px 0;
 position: relative;
 border-top: 1px solid #eee;
}
.head{
 width: 60px; float: left;
}
.head img{
 width: 60px; height: 60px; 
}
.close{
 width: 20px;
 height: 20px; 
 position: absolute; 
 top: 0; right: 0; 
 color: #696e78; 
 font-size: 14px; 
 text-align: center; 
 line-height: 20px;
}
.close:hover{
 color: #eb7350;
}
.content{
 width: 450px; 
 line-height: 20px; 
 font-size: 14px; 
 margin-left: 70px; 
}
.name{
 color: #eb7350; 
}
.pic{
 margin: 5px 0;
}
.good:after{
 clear:both;
 content:'';
 display:block;
 width:0;height:0;
 visibility:hidden;
}
.good{
 *zoom:1;
}
.date{
 float:left; 
 color: #808080;
}
.good a{
 float: right; 
 color: #808080;
}
.people{
 background: #F7F7F7; 
 height: 28px; 
 line-height: 28px; 
 padding-left: 10px; 
 margin: 5px 0;
}
.comment:after{
 clear:both;
 content:'';
 display:block;
 width:0;
 height:0;
 visibility:hidden;
}
.comment{
 *zoom:1; 
 padding: 10px 0; 
 border-top: 1px solid #eee;
}
.comment-left{
 width: 30px; 
 float: left; 
 display: inline; 
 margin-right: 10px;
}
.comment-left img{
 width: 30px; 
 height: 30px;
}
.comment-right{
 float: left; 
 width: 410px;
}
.comment-text{
 line-height: 18px;
}
.comment-text span{
 color:#eb7350;
}
.comment-date{
 font-size: 12px; 
 line-height: 14px; 
 color: #ccc; 
 position: relative;
}
.comment-zan{
 position: absolute; 
 right: 40px; 
 bottom: 0; 
 color: #808080;
}
.comment-dele{
 position: absolute; 
 right: 0; 
 bottom: 0; 
 color: #808080;
}
.hf:after{
 clear:both;
 content:'';
 display:block;
 width:0;
 height:0;
 visibility:hidden;
}
.hf{
 *zoom:1;
}
.hf-text{
 border: 1px solid #eee; 
 display: block; 
 height: 15px; 
 width: 438px; 
 padding: 5px; 
 resize: none; 
 color: #ccc; font-size:12px;
}
.hf-on .hf-text{
 height: 60px; 
 color: #333; 
 border:1px solid #ff8140;
}
.hf-btn{
 float: right; 
 width: 65px; 
 height: 26px; 
 background: #f7f7f7; 
 color: #ccc; 
 font-size: 12px; 
 display: none;
 }
.hf-btn-on{
 background: #ff8140; 
 color: #fff; 
}
.hf-nub{
 float: right; 
 padding: 3px 5px; 
 color: #666; 
 display: none;
}
.hf-on .hf-btn{
 display: inline;
}
.hf-on .hf-nub{
 display: inline;
}

js部分