discuz x3.2调用心情记录

效果类似这样↑。。
滚动的。。下面框里里可以直接发表，当然，需要登陆后发表。
模板HTML代码：

1. <!--{eval $nm=0;$doing_s=array();$query=DB::query("SELECT doid,uid,username,message,dateline FROM ".DB::table('home_doing')." ORDER BY doid desc limit 10");while($item=DB::fetch($query))$doing_s[]=$item;}-->
   
2. <div class="mydoing_box">
   
3. <ul id="sliderlck">
   
4. <!--{loop $doing_s $temp}-->
   
5. <!--{eval $nm++;}-->              
   
6. <li class="cl<!--{if $nm%2==0}--> hui<!--{/if}-->">
   
7. <div  class="mydoing_left_face cl">
   
8. <a href="home.php?mod=space&uid={$temp[uid]}" target="_blank">{avatar($temp[uid],small)}</a>
   
9. </div>
   
10. <div class="mydoing_right_box">
    
11. <p class="mydoing_right_box_message"><a href="home.php?mod=space&uid={$temp[uid]}&do=doing&doid={$temp[doid]}" target="_blank">{$temp[message]}</a></p>
    
12. <p class="mydoing_author_time"><span><a href="home.php?mod=space&uid={$temp[uid]}" target="_blank">{$temp[username]}</a> {echo dgmdate($temp[dateline],'u')}</span></p>
    
13. </div>
    
14. </li>
    
15. <!--{/loop}-->
    
16. </ul>
    
17. </div>
    
18. <div class="mydoing_post_box cl">
    
19. <!--{if $_G['uid']}-->
    
20. <form method="post" id="doingform" action="home.php?mod=spacecp&ac=doing&handlekey=doing&inajax=1" onsubmit="if($('content_nm').value=='和大家分享您此时的心情吧...' || $('content_nm').value==''){showPrompt(null, null,'请输入你的心情！', 2000);return false;}else{ajaxpost('doingform', 'mood_mystatus');return false;}">
    
21. <input type="hidden" name="addsubmit" value="true">
    
22. <input type="hidden" name="spacenote" value="true">
    
23. <input type="hidden" name="formhash" value="{FORMHASH}">
    
24. <TEXTAREA id="content_nm" name="message" onclick="showFace(this.id, this.id);" onfocus="if(this.value=='和大家分享您此时的心情吧...'){this.value='';}" class="mydoing_area">和大家分享您此时的心情吧...</textarea>
    
25. <input value="发射！" id="submitbtn" type="submit" class="mydoing_post_fabiao"/>
    
26. <span class="mydoing_post_tis">请文明发表, 谢谢!</span>
    
27. </form>
    
28. <div id="mood_mystatus" class="mtm mbn" style='display:none;'></div>
    
29. <!--{else}-->
    
30. <textarea class="mydoing_area">和大家分享您此时的心情吧...</textarea>
    
31. <input type="button" class="mydoing_post_fabiao" value=""  onclick="showWindow('login', 'member.php?mod=logging&action=login&guestmessage=yes')"/>
    
32. <span class="mydoing_post_tis">您尚未登录!<a href="javascript:;" onclick="showWindow('login', 'member.php?mod=logging&action=login&guestmessage=yes')">登录</a></span>
    
33. <!--{/if}-->
    
34. </div>

复制代码

JS代码（jQuery，原本是$，因冲突改为jQuery）：

1. <script type="text/javascript">
   
2. var mydoing_addvar="";
   
3. function succeedhandle_doing(url, msg, values) {
   
4.         if(msg) {
   
5.                 showPrompt(null, null,msg, 2000);
   
6.         }
   
7.         if(values['message']) {
   
8.                 showDialog(values['message']);
   
9.                 return false;
   
10.         }
    
11.         var x = new Ajax();
    
12.         x.get('home.php?mod=spacecp&ac=doing&op=spacenote&inajax=1', function(s){
    
13.                 jQuery("#sliderlck").append('<li class="bai"><div  class="mydoing_left_face"><a href="home.php?mod=space&uid=$_G[uid]" target="_blank">{avatar($_G[uid],small)}</a></div><div class="mydoing_right_box"><p class="mydoing_right_box_message"><a href="home.php?mod=space&uid=$_G[uid]&do=doing&view=me" target="_blank">'+s+'</a></p><p class="mydoing_author_time"><span><a href="home.php?mod=space&uid=$_G[uid]" target="_blank">{$temp[username]}</a> 刚刚说</span></p></div></li>');
    
14.                 jQuery('content_nm').value="分享你的心情…";
    
15.         });
    
16. }
    
17. </script>
    
18. <script type="text/javascript">
    
19. jQuery(function(){
    
20.         if(jQuery('sliderlck')){
    
21.                 setInterval(function() {
    
22.                         jQuery("#sliderlck").css("top",-(jQuery("#sliderlck li:last").height()+1));
    
23.                         if(jQuery("#sliderlck li:first").hasClass("hui")){
    
24.                                 jQuery("#sliderlck li:last").removeClass("hui");
    
25.                         }else{
    
26.                                 jQuery("#sliderlck li:last").addClass("hui");
    
27.                         }
    
28.                         jQuery("#sliderlck").prepend(jQuery("#sliderlck li:last").clone().css("opacity",0));
    
29.                         jQuery("#sliderlck li:last").remove();
    
30.                         jQuery("#sliderlck").animate({"top":"0px"},1000,0,function(){
    
31.                         jQuery("#sliderlck li:first").animate({"opacity":"1"});
    
32.                         });
    
33.                 },5000);
    
34.         }
    
35. });
    
36. </script>

复制代码

附上部分的css：

1. <style>
   
2. .mydoing_box{height:360px;overflow: hidden;}
   
3. .mydoing_box ul li{padding:10px;height:40px;overflow: hidden;}
   
4. .mydoing_left_face{float:left;margin-right: 15px;display: inline-block;}
   
5. .mydoing_left_face img{display: block;border: 1px solid #ccc;padding: 3px;border-radius: 50%;height: 32px;width: 32px;}
   
6. .mydoing_right_box{display: inline-block;width: 230px;}
   
7. .mydoing_right_box_message{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
   
8. .mydoing_author_time{text-align:right;font-size:12px;color:#bbb;}
   
9. .mydoing_author_time a{font-size:12px;color:#bbb;}
   
10. .hui{background:#f8f8f8;}
    
11. .mydoing_post_box{padding: 10px;background: #f8f8f8;}
    
12. .mydoing_post_box textarea{width:275px;border: 1px solid #ddd;border-radius: 3px;padding:5px;}
    
13. .mydoing_post_fabiao{margin: 10px 0;padding: 0 10px;float: left;border: 1px solid #ddd;font-size: 12px;}
    
14. .mydoing_post_tis{float: right;margin: 10px 0;}
    
15. </style>

复制代码

OK，从我模板里复制出来的，应该没什么问题。