免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[分享] 仿獨立站看帖心情插件(非表情快速回覆)

1011271821376a1f92c7e9ad82.jpg
2012-5-5 23:39


代碼放置帖內廣告較佳
  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>

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

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

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

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

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

  72. <li><div class="moodd mood_result" id="apps_svy_mood_res_6" style="display:none">
  73. <div class="ft" id="apps_svy_opt_count_6">0</div>
  74. <div class="bar"><div class="bg" id="apps_svy_opt_per_6" style="height:0px;"></div></div>
  75. </div><div class="moodd mood" id="apps_svy_opt_title_6">
  76. <a id="apps_svy_face_6" class="moodd mood7" title="新奇" href="javascript:void(0)"></a>
  77. </div></li>
  78. <li><div class="moodd mood_result" id="apps_svy_mood_res_7" style="display:none">
  79. <div class="ft" id="apps_svy_opt_count_7">0</div>

  80. <div class="bar"><div class="bg" id="apps_svy_opt_per_7" style="height:0px;"></div></div>
  81. </div><div class="moodd mood" id="apps_svy_opt_title_7">
  82. <a id="apps_svy_face_7" class="moodd mood8" title="流汗" href="javascript:void(0)"></a>
  83. </div></li>
  84. </ul></div>
  85. </td></tr></table>

  86. <script language="javascript">
  87. 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);
  88. 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();}}};

  89. AppPlatformJsLoader.load("http://mat1.gtimg.com/www/apps/js/app.platform.vote.mood.tcms.js", function()
  90. {
  91. AppPlatform.Survey.Mood_Tcms.initMoodInfo(faceMe);
  92. });
  93. </script>
複製代碼

不錯的功能,謝謝~~

TOP

試試看效果如何

TOP

調用了馬化騰的……數據不準確,一來就上千表情了。
不怎麼實用呀

TOP

代码太多了.影响网速!

TOP

效果不错,不过视乎是已经设置了很多投票啊,能否变成没有,然后让用户自己投票呢?

TOP

可惜這只是幻象來的

TOP

感謝分享

TOP

返回列表