首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 这样的效果怎么实现！！！！！版主帮忙啊！！！！

这样的效果怎么实现！！！！！版主帮忙啊！！！！

时间：2009-10-19

来源：互联网

这个是html里的代码
复制代码
  1.  <ul class="comments">
  2.                             <li class="comments-li" id="fid_1">
  3.                                 <div class="meta"><a class="name" href="#"><strong>用户名</strong></a> <span class="date">0000-00-00 00:00</span>发表</div>
  4.                                 <p>一段评论一段评论一段评论</p>
  5.                                 <div class="actions"><a href="javascript:;" onClick="show_quote_window('1')">引用</a> <a href="javascript:;" onClick="docomment_form()">支持</a> <a href="javascript:;" onClick="docomment_form()">反对</a></div>
  6.                             </li>
  7.                             <li class="comments-li" id="fid_2">
  8.                                 <div class="meta"><a class="name" href="#"><strong>用户名</strong></a> <span class="date">0000-00-00 00:00</span>发表</div>
  9.                                 <p>一段评论一段评论一段评论</p>
  10.                                 <div class="actions"><a href="javascript:;" onClick="show_quote_window('2')">引用</a> <a href="javascript:;" onClick="docomment_form()">支持</a> <a href="javascript:;" onClick="docomment_form()">反对</a></div>
  11.                             </li>
  12.  </ul>


这个是jquery里的代码
复制代码
  1. //显示回复窗口
  2. function show_quote_window(id){
  3.     var newwindow='<div id="vquote"><fieldset><textarea name="quote_content" id="quote_content"></textarea>'
  4.                        +'<label><input name="quote_is_anonymous" type="checkbox" class="checkbox" id="quote_is_anonymous" value="1">匿名发表</label>'
  5.                        +'<input name="quote_submit" type="button" id="quote_submit" value="提交评论" onClick="do_comment()">'
  6.                    +'</fieldset></div>';
  7.     $('#fid_'+id).append(newwindow);
  8. }


现在的问题是，我点了某一个的引用之后其他的引用窗口不会关闭，我想实现优酷的评论效果，点了某一个评论的引用，其他所有评论的引用窗口会自动关闭。

描述:这个是我现在的效果
图片:


细细看来~~~

作者: wengbin22   发布时间: 2009-10-19

唉，没人会么！！！！！！！！

作者: haibin666   发布时间: 2009-10-19

唉 我有个一就不上传了 不是jquery 想要的话 去 懒人图库的 js广告代码里找把

作者: wengbin22   发布时间: 2009-10-19

复制代码
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  4. <title>test</title>
  5. <script src="jquery.js" type="text/javascript"></script>
  6. <script src="test.js" type="text/javascript"></script>
  7. </head>
  8. <ul class="comments">
  9.     <li class="comments-li" id="fid_1">
  10.         <div class="meta">
  11.             <a class="name" href="#">
  12.                 <strong>用户名</strong>
  13.             </a>
  14.             <span class="date">0000-00-00 00:00</span>
  15.             发表
  16.         </div>
  17.         <p>一段评论一段评论一段评论</p>
  18.         <div class="actions">
  19.             <a href="javascript:;" id="anchor1"">引用</a>
  20.             <a href="javascript:;" onClick="docomment_form()">支持</a>
  21.             <a href="javascript:;" onClick="docomment_form()">反对</a>
  22.         </div>
  23.         <div id="div1"> </div>
  24.     </li>
  25.     <li class="comments-li" id="fid_2">
  26.         <div class="meta">
  27.             <a class="name" href="#">
  28.                 <strong>用户名</strong>
  29.             </a>
  30.             <span class="date">0000-00-00 00:00</span>
  31.             发表
  32.         </div>
  33.         <p>一段评论一段评论一段评论</p>
  34.         <div class="actions">
  35.             <a href="javascript:;" id="anchor2">引用</a>
  36.             <a href="javascript:;" onClick="docomment_form()">支持</a>
  37.             <a href="javascript:;" onClick="docomment_form()">反对</a>
  38.         </div>
  39.         <div id="div2"> </div>
  40.     </li>
  41. </ul>
  42. </html>


复制代码
  1. jQuery(document).ready(function(){
  2.     var abc =  '<div id="vquote"><fieldset><textarea name="quote_content" id="quote_content"></textarea>'+'<label><input name="quote_is_anonymous" type="checkbox" class="checkbox" id="quote_is_anonymous" value="1">匿名发表</label>'+'<input name="quote_submit" type="button" id="quote_submit" value="提交评论" onClick="do_comment()">'+'</fieldset></div>';
  3.     $("#anchor1").click(function(){
  4.         $("#div1").html(abc);
  5.         $("#div2").html("");
  6.     })
  7.    
  8.     $("#anchor2").click(function(){
  9.         $("#div2").html(abc);
  10.         $("#div1").html("");
  11.     })
  12.    
  13.    
  14. })

作者: huyawei58825   发布时间: 2009-10-19

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net