jquery星级评分插件,jquery特效插件
web前端-js教程
这是一款基于jQuery 的星级评分效果实例,鼠标滑过星星区域显示评论信息提交内容,适用在评论表单里面,是表单美化提交内容的一种用户体验设计。安卓小应用源码,vscode 前端调试,ubuntu虚拟机设备改密码,Tomcat部署log,sqlite存储数据设计,stickup jquery插件,带登陆的前端框架,python中国知网爬虫,mac 开发php工具,seo虫虫教程,网站的模板管理,网页图片向上移动,环境保护网站模板lzw
为大家分享的jQuery满意度星级评价插件特效代码如下读写8类源码,vscode和ws哪个好,ubuntu关闭thp,tomcat方面的知识,sql和爬虫,php medoo,南平seo优化多少钱,html5笑话网站源码,特效后台登录模板lzw
运行效果图:满意度jQuery星级评分插件 *{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180% Arial, Helvetica, sans-serif;}/*quiz style*/.quiz{border:solid 1px #ccc;height:270px;width:772px;}.quiz h3{font-size:14px;line-height:35px;height:35px;border-bottom:solid 1px #e8e8e8;padding-left:20px;background:#f8f8f8;color:#666;position:relative;}.quiz_content{padding-top:10px;padding-left:20px;position:relative;height:205px;}.quiz_content .btm{border:none;width:100px;height:33px;background:url(images/btn.jpg) no-repeat;margin:10px 0 0 64px;display:inline;cursor:pointer;}.quiz_content li.full-comment{position:relative;z-index:99;height:41px;}.quiz_content li.cate_l{height:24px;line-height:24px;padding-bottom:10px;}.quiz_content li.cate_l dl dt{float:left;}.quiz_content li.cate_l dl dd{float:left;padding-right:15px;}.quiz_content li.cate_l dl dd label{cursor:pointer;}.quiz_content .l_text{height:120px;position:relative;padding-left:18px;}.quiz_content .l_text .m_flo{float:left;width:47px;}.quiz_content .l_text .text{width:634px;height:109px;border:solid 1px #ccc;}.quiz_content .l_text .tr{position:absolute;bottom:-18px;right:40px;}/*goods-comm-stars style*/.goods-comm{height:41px;position:relative;z-index:7;}.goods-comm-stars{line-height:25px;padding-left:12px;height:41px;position:absolute;top:0px;left:0;width:400px;}.goods-comm-stars .star_l{float:left;display:inline-block;margin-right:5px;display:inline;}.goods-comm-stars .star_choose{float:left;display:inline-block;}/* rater star */.rater-star{position:relative;list-style:none;margin:0;padding:0;background-repeat:repeat-x;background-position:left top;float:left;}.rater-star-item, .rater-star-item-current, .rater-star-item-hover{position:absolute;top:0;left:0;background-repeat:repeat-x;}.rater-star-item{background-position: -100% -100%;}.rater-star-item-hover{background-position:0 -48px;cursor:pointer;}.rater-star-item-current{background-position:0 -48px;cursor:pointer;}.rater-star-item-current.rater-star-happy{background-position:0 -25px;}.rater-star-item-hover.rater-star-happy{background-position:0 -25px;}.rater-star-item-current.rater-star-full{background-position:0 -72px;}/* popinfo */.popinfo{display:none;position:absolute;top:30px;background:url(images/comment/infobox-bg.jpg) no-repeat;padding-top:8px;width:192px;margin-left:-14px;}.popinfo .info-box{border:1px solid #f00;border-top:0;padding:0 5px;color:#F60;background:#FFF;}.popinfo .info-box div{color:#333;}.rater-click-tips{font:12px/25px;color:#333;margin-left:10px;background:url(images/comment/infobox-bg-l.jpg) no-repeat 0 0;width:125px;height:34px;padding-left:16px;overflow:hidden;}.rater-click-tips span{display:block;background:#FFF9DD url(images/comment/infobox-bg-l-r.jpg) no-repeat 100% 0;height:34px;line-height:34px;padding-right:5px;}.rater-star-item-tips{background:url(images/comment/star-tips.jpg) no-repeat 0 0;height:41px;overflow:hidden;}.cur.rater-star-item-tips{display:block;} .rater-star-result{color:#FF6600;font-weight:bold;padding-left:10px;float:left;}我要评论
满意度:字数限制为5-200个
学生管理系统Java源码,装了ubuntu无法进入,tomcat屏蔽日志输出,黑色 爬虫 细条,php添加虚拟目录,星云seolzw
效果演示 源码下载
以上就是为大家分享的jQuery满意度星级评价插件特效代码,希望大家可以喜欢。