js表情打分评论特效代码下载


js表情打分评论特效代码下载
js表情打分评论特效代码下载以及表情打分评论等js/jquery网页特效代码下载。

1. HTML代码

<style type="text/css">
/* apps_svy_mood */
#apps_svy_mood{width:580px;margin:0 auto;}
#apps_svy_mood h2{margin:30px 0 30px 0;padding:0 0 0 60px;height:50px;line-height:65px;overflow:hidden;background:url(images/qin.gif) no-repeat;font-size:16px;font-family:"微软雅黑","宋体";font-weight:normal;color:#000000;border-bottom:solid 1px #ddd;text-align:left;}
#apps_svy_mood .apps_svy_mood{margin:0 auto;padding:0px;}
#apps_svy_mood ul{margin:0px;padding:0px;}
#apps_svy_mood .mood{width:50px;margin:0 auto;}
#apps_svy_mood li{width:116px;float:left;text-align:center;list-style:none;position:relative;color:#3366cc;font-size:14px;font-weight:800;}
#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:0px;color:#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(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(images/biaoqing.gif) no-repeat;border:solid 1px #fff;}
#apps_svy_mood .mood1_nop{background-position:0px 0px;}
#apps_svy_mood .mood2_nop{background-position:-50px 0px;}
#apps_svy_mood .mood3_nop{background-position:-100px 0px;}
#apps_svy_mood .mood4_nop{background-position:-150px 0px;}
#apps_svy_mood .mood5_nop{background-position:-200px 0px;}
#apps_svy_mood .mood_opd{width:50px;height:50px;margin:0 auto;background:url(images/biaoqing.gif) no-repeat;cursor:default;border:solid 1px #fff;}
#apps_svy_mood .mood1_op{background-position:0px 0px;}
#apps_svy_mood .mood2_op{background-position:-50px 0px;}
#apps_svy_mood .mood3_op{background-position:-100px 0px;}
#apps_svy_mood .mood4_op{background-position:-150px 0px;}
#apps_svy_mood .mood5_op{background-position:-200px 0px;}
#apps_svy_mood a{width:50px;height:50px;display:block;margin:0 auto;border:solid 1px #fff;}
#apps_svy_mood a:hover{font-weight:800;text-decoration:none;}
#apps_svy_mood a:hover{border:solid 1px #ddd;}
#apps_svy_mood a.mood1{background:url(images/geili.gif) no-repeat;}
#apps_svy_mood a.mood2{background:url(images/dandian.gif) no-repeat;}
#apps_svy_mood a.mood3{background:url(images/xuexi.gif) no-repeat;}
#apps_svy_mood a.mood4{background:url(images/kengdie.gif) no-repeat;}
#apps_svy_mood a.mood5{background:url(images/dajiangyou.gif) no-repeat;}
</style>
<script type="text/javascript">var faceMe = 4492</script>
<div id="apps_svy_mood">
	<h2>亲:请记得给好评哦!</h2>
	<div class="apps_svy_mood">
		<ul class="clearfix">
			<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>
		</ul>
		<ul class="clearfix">
			<li>给力</li><li>淡定</li><li>学习</li><li>坑爹</li><li>打酱油</li>
		</ul>
	</div>
</div><!--apps_svy_mood end-->
<script type="text/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("js/vote.js", function(){
	AppPlatform.Survey.Mood_Tcms.initMoodInfo(faceMe);
});
</script>

相关推荐

发表评论

相关文章