希望对你们有用,已经自己试过可以的才发布出来的 效果如下: html: <template> <div class="evaStar"> <ul class=" ...
说明: 本方法采用了Jquery库,暂时检测兼容IE 版本。本示例的 种颜色的星星都是放入了一张png图片当中,当然还有其他的一些实现思路。本示例展示的情况是当前页面只有一个星级评价的情况。 思路: 通过对星级显示元素的,mouseenter,mouseout,click 三个事件的监听,从而星星显示的个数。其中我用了 个变量 temp value,choice value 来存放当前选定星级的值 ...
2014-01-09 16:55 2 3584 推荐指数:
希望对你们有用,已经自己试过可以的才发布出来的 效果如下: html: <template> <div class="evaStar"> <ul class=" ...
css: .star_bg { width: 150px; height: 26px; background: url(/*星星图片*/) repeat-x; ...
最近的项目中有一个星级评分的需求, 自己就写了一下, 由于可能一个页面要用到多个,就采用了面向对象的写法。 用到的png图片也放到这里。 js要用到jquery。 css: js: 由于我这里的需求只有点 ...
星星图片来源于https://www.iconfont.cn/search/index?searchType=icon&q=%E6%98%9F ...
鼠标点击后可保留颜色。 页面效果如下: ...
今天来实现下星级评分,后边并跟有评价文字。 html代码如下: css如下: js如下: 代码运行效果如下: ...
...
.wxml .wxss .js ...