繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
仿獨立站看帖心情插件(非表情快速回覆)
[打印本頁]
作者:
n7197
時間:
2012-5-5 23:40
標題:
仿獨立站看帖心情插件(非表情快速回覆)
下載
(15.14 KB)
2012-5-5 23:39
代碼放置帖內廣告較佳
<script type="text/javascript">
var faceMe = 569440</script><div class="faceArticle">
<style>
#apps_svy_mood{width:609px;text-align:center;}
#apps_svy_mood .apps_svy_mood{width:509px;margin:10px auto;padding:0px}
#apps_svy_mood ul{margin:0px;padding:0px}#apps_svy_mood .mood{width:50px;height:50px;margin:0 auto}
#apps_svy_mood li{width:63px;float:left;text-align:center;list-style:none;position:relative}
#apps_svy_mood .mood_result{width:50px;height:auto;margin:0 auto;padding:0px}
#apps_svy_mood .mood_result .ft{padding:0px;position:relative;margin-bottom:0px;left:1px;*left:0px;_left:0px;color:#000000; font-size:12px}
#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}
#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}
#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}
#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}
#apps_svy_mood .mood1_nop{background-position:-6px -202px}#apps_svy_mood .mood2_nop{background-position:-68px -202px}
#apps_svy_mood .mood3_nop{background-position:-130px -202px}#apps_svy_mood .mood4_nop{background-position:-194px -202px}
#apps_svy_mood .mood5_nop{background-position:-257px -202px}#apps_svy_mood .mood6_nop{background-position:-321px -202px}
#apps_svy_mood .mood7_nop{background-position:-382px -202px}#apps_svy_mood .mood8_nop{background-position:-444px -202px}
#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}
#apps_svy_mood .mood1_op{background-position:-6px -146px}#apps_svy_mood .mood2_op{background-position:-68px -146px}
#apps_svy_mood .mood3_op{background-position:-130px -146px}#apps_svy_mood .mood4_op{background-position:-194px -146px}
#apps_svy_mood .mood5_op{background-position:-257px -146px}#apps_svy_mood .mood6_op{background-position:-321px -146px}
#apps_svy_mood .mood7_op{background-position:-382px -146px}#apps_svy_mood .mood8_op{background-position:-444px -146px}
#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}
#apps_svy_mood a.mood1{background-position:-6px -202px}#apps_svy_mood a:hover.mood1{background-position:-6px -146px}
#apps_svy_mood a.mood2{background-position:-68px -202px}#apps_svy_mood a:hover.mood2{background-position:-68px -146px}
#apps_svy_mood a.mood3{background-position:-130px -202px}#apps_svy_mood a:hover.mood3{background-position:-130px -146px}
#apps_svy_mood a.mood4{background-position:-194px -202px}#apps_svy_mood a:hover.mood4{background-position:-194px -146px}
#apps_svy_mood a.mood5{background-position:-257px -202px}#apps_svy_mood a:hover.mood5{background-position:-257px -146px}
#apps_svy_mood a.mood6{background-position:-321px -202px}#apps_svy_mood a:hover.mood6{background-position:-321px -146px}
#apps_svy_mood a.mood7{background-position:-382px -202px}#apps_svy_mood a:hover.mood7{background-position:-382px -146px}
#apps_svy_mood a.mood8{background-position:-444px -202px}#apps_svy_mood a:hover.mood8{background-position:-444px -146px}
</style>
<table id="apps_svy_mood" align="center"><tr><td>
<div style="text-align:left;padding-left:11px;font-size:14px;color:#1C2C58;"><b>读完这篇文章后,您心情如何?</b></div>
<div class="apps_svy_mood"><ul>
<li><div class="moodd mood_result" id="apps_svy_mood_res_0" style="display:none">
<div class="ft" id="apps_svy_opt_count_0">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_0" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_0">
<a id="apps_svy_face_0" class="moodd mood1" title="高兴" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_1" style="display:none">
<div class="ft" id="apps_svy_opt_count_1">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_1" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_1">
<a id="apps_svy_face_1" class="moodd mood2" title="感动" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_2" style="display:none">
<div class="ft" id="apps_svy_opt_count_2">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_2" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_2">
<a id="apps_svy_face_2" class="moodd mood3" title="同情" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_3" style="display:none">
<div class="ft" id="apps_svy_opt_count_3">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_3" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_3">
<a id="apps_svy_face_3" class="moodd mood4" title="愤怒" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_4" style="display:none">
<div class="ft" id="apps_svy_opt_count_4">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_4" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_4">
<a id="apps_svy_face_4" class="moodd mood5" title="搞笑" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_5" style="display:none">
<div class="ft" id="apps_svy_opt_count_5">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_5" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_5">
<a id="apps_svy_face_5" class="moodd mood6" title="难过" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_6" style="display:none">
<div class="ft" id="apps_svy_opt_count_6">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_6" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_6">
<a id="apps_svy_face_6" class="moodd mood7" title="新奇" href="javascript:void(0)"></a>
</div></li>
<li><div class="moodd mood_result" id="apps_svy_mood_res_7" style="display:none">
<div class="ft" id="apps_svy_opt_count_7">0</div>
<div class="bar"><div class="bg" id="apps_svy_opt_per_7" style="height:0px;"></div></div>
</div><div class="moodd mood" id="apps_svy_opt_title_7">
<a id="apps_svy_face_7" class="moodd mood8" title="流汗" href="javascript:void(0)"></a>
</div></li>
</ul></div>
</td></tr></table>
<script language="javascript">
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);
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();}}};
AppPlatformJsLoader.load("http://mat1.gtimg.com/www/apps/js/app.platform.vote.mood.tcms.js", function()
{
AppPlatform.Survey.Mood_Tcms.initMoodInfo(faceMe);
});
</script>
複製代碼
圖片附件:
1011271821376a1f92c7e9ad82.jpg
(2012-5-5 23:39, 15.14 KB) / 下載次數 1572
http://weclub.info/discuz/attachment.php?aid=2452&k=72f35619936a4807d850f2da25031578&t=1732367569&sid=U1MzkQ
作者:
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://weclub.info/discuz/)
Powered by Discuz! 7.2