免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [分享] 仿獨立站看帖心情插件(非表情快速回覆) [打印本頁]
作者: n7197    時間: 2012-5-5 23:40     標題: 仿獨立站看帖心情插件(非表情快速回覆)

1011271821376a1f92c7e9ad82.jpg

代碼放置帖內廣告較佳
  1. <script type="text/javascript">
  2. var faceMe = 569440</script><div class="faceArticle">
  3. <style>
  4. #apps_svy_mood{width:609px;text-align:center;}
  5. #apps_svy_mood .apps_svy_mood{width:509px;margin:10px auto;padding:0px}
  6. #apps_svy_mood ul{margin:0px;padding:0px}#apps_svy_mood .mood{width:50px;height:50px;margin:0 auto}
  7. #apps_svy_mood li{width:63px;float:left;text-align:center;list-style:none;position:relative}
  8. #apps_svy_mood .mood_result{width:50px;height:auto;margin:0 auto;padding:0px}
  9. #apps_svy_mood .mood_result .ft{padding:0px;position:relative;margin-bottom:0px;left:1px;*left:0px;_left:0px;color:#000000; font-size:12px}
  10. #apps_svy_mood .mood_result .ft_b{padding:0px;position:relative;margin-bottom:0px;left:1px;*left:0px;_left:0pxcolor:#EE0000; font-size:12px;font-weight: bold}
  11. #apps_svy_mood .mood_result .bar{width:10px;height:52px;border:1px solid #DADADA;padding:0px;background:#fff;position:relative;margin-bottom:5px;left:20px;*left:0px;_left:0px}
  12. #apps_svy_mood .mood_result .bar .bg{margin:0px;padding:1px;height:0;background:url(http://mat1.gtimg.com/www/apps/images/bg.gif) repeat;width:8px;position:absolute;left:0px;bottom:0px;line-height:0px;font-size:0px}
  13. #apps_svy_mood .mood_nopd{width:50px;height:50px;margin:0 auto;background:url(http://mat1.gtimg.com/www/apps/images/show1.gif) no-repeat}
  14. #apps_svy_mood .mood1_nop{background-position:-6px -202px}#apps_svy_mood .mood2_nop{background-position:-68px -202px}
  15. #apps_svy_mood .mood3_nop{background-position:-130px -202px}#apps_svy_mood .mood4_nop{background-position:-194px -202px}
  16. #apps_svy_mood .mood5_nop{background-position:-257px -202px}#apps_svy_mood .mood6_nop{background-position:-321px -202px}
  17. #apps_svy_mood .mood7_nop{background-position:-382px -202px}#apps_svy_mood .mood8_nop{background-position:-444px -202px}
  18. #apps_svy_mood .mood_opd{width:50px;height:50px;margin:0 auto;background:url(http://mat1.gtimg.com/www/apps/images/show1.gif) no-repeat;cursor:default}
  19. #apps_svy_mood .mood1_op{background-position:-6px -146px}#apps_svy_mood .mood2_op{background-position:-68px -146px}
  20. #apps_svy_mood .mood3_op{background-position:-130px -146px}#apps_svy_mood .mood4_op{background-position:-194px -146px}
  21. #apps_svy_mood .mood5_op{background-position:-257px -146px}#apps_svy_mood .mood6_op{background-position:-321px -146px}
  22. #apps_svy_mood .mood7_op{background-position:-382px -146px}#apps_svy_mood .mood8_op{background-position:-444px -146px}
  23. #apps_svy_mood a{width:50px;height:50px;display:block;margin:0 auto}#apps_svy_mood a.moodd{background:url(http://mat1.gtimg.com/www/apps/images/show1.gif) no-repeat}
  24. #apps_svy_mood a.mood1{background-position:-6px -202px}#apps_svy_mood a:hover.mood1{background-position:-6px -146px}
  25. #apps_svy_mood a.mood2{background-position:-68px -202px}#apps_svy_mood a:hover.mood2{background-position:-68px -146px}
  26. #apps_svy_mood a.mood3{background-position:-130px -202px}#apps_svy_mood a:hover.mood3{background-position:-130px -146px}
  27. #apps_svy_mood a.mood4{background-position:-194px -202px}#apps_svy_mood a:hover.mood4{background-position:-194px -146px}
  28. #apps_svy_mood a.mood5{background-position:-257px -202px}#apps_svy_mood a:hover.mood5{background-position:-257px -146px}
  29. #apps_svy_mood a.mood6{background-position:-321px -202px}#apps_svy_mood a:hover.mood6{background-position:-321px -146px}
  30. #apps_svy_mood a.mood7{background-position:-382px -202px}#apps_svy_mood a:hover.mood7{background-position:-382px -146px}
  31. #apps_svy_mood a.mood8{background-position:-444px -202px}#apps_svy_mood a:hover.mood8{background-position:-444px -146px}
  32. </style>

  34. <table id="apps_svy_mood" align="center"><tr><td>
  35. <div style="text-align:left;padding-left:11px;font-size:14px;color:#1C2C58;"><b>读完这篇文章后，您心情如何？</b></div>
  36. <div class="apps_svy_mood"><ul>
  37. <li><div class="moodd mood_result" id="apps_svy_mood_res_0" style="display:none">
  38. <div class="ft" id="apps_svy_opt_count_0">0</div>
  39. <div class="bar"><div class="bg" id="apps_svy_opt_per_0" style="height:0px;"></div></div>
  40. </div><div class="moodd mood" id="apps_svy_opt_title_0">

  42. <a id="apps_svy_face_0" class="moodd mood1" title="高兴" href="javascript:void(0)"></a>
  43. </div></li>
  44. <li><div class="moodd mood_result" id="apps_svy_mood_res_1" style="display:none">
  45. <div class="ft" id="apps_svy_opt_count_1">0</div>
  46. <div class="bar"><div class="bg" id="apps_svy_opt_per_1" style="height:0px;"></div></div>
  47. </div><div class="moodd mood" id="apps_svy_opt_title_1">
  48. <a id="apps_svy_face_1" class="moodd mood2" title="感动" href="javascript:void(0)"></a>
  49. </div></li>

  51. <li><div class="moodd mood_result" id="apps_svy_mood_res_2" style="display:none">
  52. <div class="ft" id="apps_svy_opt_count_2">0</div>
  53. <div class="bar"><div class="bg" id="apps_svy_opt_per_2" style="height:0px;"></div></div>
  54. </div><div class="moodd mood" id="apps_svy_opt_title_2">
  55. <a id="apps_svy_face_2" class="moodd mood3" title="同情" href="javascript:void(0)"></a>
  56. </div></li>
  57. <li><div class="moodd mood_result" id="apps_svy_mood_res_3" style="display:none">
  58. <div class="ft" id="apps_svy_opt_count_3">0</div>

  60. <div class="bar"><div class="bg" id="apps_svy_opt_per_3" style="height:0px;"></div></div>
  61. </div><div class="moodd mood" id="apps_svy_opt_title_3">
  62. <a id="apps_svy_face_3" class="moodd mood4" title="愤怒" href="javascript:void(0)"></a>
  63. </div></li>
  64. <li><div class="moodd mood_result" id="apps_svy_mood_res_4" style="display:none">
  65. <div class="ft" id="apps_svy_opt_count_4">0</div>
  66. <div class="bar"><div class="bg" id="apps_svy_opt_per_4" style="height:0px;"></div></div>
  67. </div><div class="moodd mood" id="apps_svy_opt_title_4">

  69. <a id="apps_svy_face_4" class="moodd mood5" title="搞笑" href="javascript:void(0)"></a>
  70. </div></li>
  71. <li><div class="moodd mood_result" id="apps_svy_mood_res_5" style="display:none">
  72. <div class="ft" id="apps_svy_opt_count_5">0</div>
  73. <div class="bar"><div class="bg" id="apps_svy_opt_per_5" style="height:0px;"></div></div>
  74. </div><div class="moodd mood" id="apps_svy_opt_title_5">
  75. <a id="apps_svy_face_5" class="moodd mood6" title="难过" href="javascript:void(0)"></a>
  76. </div></li>

  78. <li><div class="moodd mood_result" id="apps_svy_mood_res_6" style="display:none">
  79. <div class="ft" id="apps_svy_opt_count_6">0</div>
  80. <div class="bar"><div class="bg" id="apps_svy_opt_per_6" style="height:0px;"></div></div>
  81. </div><div class="moodd mood" id="apps_svy_opt_title_6">
  82. <a id="apps_svy_face_6" class="moodd mood7" title="新奇" href="javascript:void(0)"></a>
  83. </div></li>
  84. <li><div class="moodd mood_result" id="apps_svy_mood_res_7" style="display:none">
  85. <div class="ft" id="apps_svy_opt_count_7">0</div>

  87. <div class="bar"><div class="bg" id="apps_svy_opt_per_7" style="height:0px;"></div></div>
  88. </div><div class="moodd mood" id="apps_svy_opt_title_7">
  89. <a id="apps_svy_face_7" class="moodd mood8" title="流汗" href="javascript:void(0)"></a>
  90. </div></li>
  91. </ul></div>
  92. </td></tr></table>

  94. <script language="javascript">
  95. var AppPlatformJsLoader={load:function(sUrl,fCallback){var _script = document.createElement("script");_script.setAttribute("type","text/javascript");_script.setAttribute("src",sUrl);document.getElementsByTagName("head")[0].appendChild(_script);
  96. if(/msie/.test(window.navigator.userAgent.toLowerCase())){_script.onreadystatechange=function(){if(this.readyState=="loaded"||this.readyState=="complete"){fCallback();}};}else if(/gecko/.test(window.navigator.userAgent.toLowerCase())){_script.onload=function(){fCallback();};}else{fCallback();}}};

  98. AppPlatformJsLoader.load("http://mat1.gtimg.com/www/apps/js/app.platform.vote.mood.tcms.js", function()
  99. {
  100. AppPlatform.Survey.Mood_Tcms.initMoodInfo(faceMe);
  101. });
  102. </script>
複製代碼


圖片附件: 1011271821376a1f92c7e9ad82.jpg (2012-5-5 23:39, 15.14 KB) / 下載次數 1558
http://sclub.com.tw/discuz/attachment.php?aid=2452&k=48832f9c048f86f4f35e1eded8290a55&t=1732336092&sid=QnjAhT

作者: 0857    時間: 2012-5-6 07:34

不錯的功能，謝謝~~
作者: yoyo    時間: 2012-5-6 12:17

試試看效果如何
作者: yoyo    時間: 2012-5-6 12:24

調用了馬化騰的……數據不準確，一來就上千表情了。
不怎麼實用呀
作者: 8301853    時間: 2012-5-8 10:15

代码太多了.影响网速!
作者: 猫C资源    時間: 2012-5-8 23:08

效果不错，不过视乎是已经设置了很多投票啊，能否变成没有，然后让用户自己投票呢？
作者: 4rphotoclub    時間: 2012-5-9 13:19

可惜這只是幻象來的
作者: Skys大空    時間: 2012-5-11 12:13

感謝分享



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/) Powered by Discuz! 7.2