本文目录一览：
- 1、js星星评分
- 2、通过JS实现分数对应的星星评分体现
- 3、做网页如何设置像小说评价那样的样式，鼠标放上去可以让5个小星星中前几个亮了，怎么做。谢谢
- 4、如何利用JS/CSS实现根据数值显示星星
- 5、关于JS星星评分，怎么提交已选择的分数!
js星星评分
oli[i-1].onmouseover=function(){
fnPoint(this.index);
};
oli[i-1].onmouseout=function(){
fnPoint();
};
在鼠标划过的时候就调用了啊。。。
通过JS实现分数对应的星星评分体现
打开paintcode，绘制一个漏空的星星体现：
操作为：创建canvas 大小30 * 30；修改名称为Star；绘制一个矩形 30 * 30；绘制一个星星 30 * 30 ，星星弧度改为55 %；选中矩形和星星，点击difference，变成bezier 曲线。
接下来，我们添加一个新的canvas，绘制我们需要的控件。
操作为：创建星星评分canvas 150 * 30；创建背景矩形 150 * 30；创建填充矩形 100 * 30；放置5个第一步中绘制的漏空的星星到canvas 上，5个星星组成一个group；然后就可以看到我们想要的视图基本已经出来了。
下一步：将我们画好的生成style文件加入到我们的工程中;
先创建一个新的空白工程，添加一个自定义的类ScoreStarsView 继承自UIView;
操作为点击paintcode 的file- export 生成stylekit文件放到我们新建的工程下，然后打开xcode ，添加生成是ScoreStarsKit 文件。然后在自定义的ScoreStarsView 类中导入kit，然后在drawRect 进行绘制。最后在storyboard中添加uiview ，把这个view的类改成ScoreStarsView；然后模拟器运行。
做网页如何设置像小说评价那样的样式，鼠标放上去可以让5个小星星中前几个亮了，怎么做。谢谢
这是用js加css、div控制的，它其实分为两张颜色不一样的星星图片，一张有颜色（亮）的，一张灰色或者暗一点的颜色（不亮）的，当鼠标滑过或者点击时会触动一个鼠标事件，更换图片，由暗色图片换为有颜色的图片，就是你看到的星星会亮的效果，你可以上网下载一个回来自己修改。 东莞汇鑫
如何利用JS/CSS实现根据数值显示星星
实现思路如下：
在页面初始化一个星星。
js中，根据数值去进行循环，clone()页面中的星星。
然后显示追加到页面中。
这样就完成了。
关于JS星星评分，怎么提交已选择的分数!
关于JS星星评分，提交已选择的分数
打开paintcode，绘制一个漏空的星星体现：
操作为：创建canvas 大小30 * 30；修改名称为Star；绘制一个矩形 30 * 30；绘制一个星星 30 * 30 ，星星弧度改为55 %；选中矩形和星星，点击difference，变成bezier 曲线。
接下来，我们添加一个新的canvas，绘制我们需要的控件。
操作为：创建星星评分canvas 150 * 30；创建背景矩形 150 * 30；创建填充矩形 100 * 30；放置5个第一步中绘制的漏空的星星到canvas 上，5个星星组成一个group；然后就可以看到我们想要的视图基本已经出来了。
下一步：将我们画好的生成style文件加入到我们的工程中;
先创建一个新的空白工程，添加一个自定义的类ScoreStarsView 继承自UIView;
操作为点击paintcode 的file- export 生成stylekit文件放到我们新建的工程下，然后打开xcode ，添加生成是ScoreStarsKit 文件。然后在自定义的ScoreStarsView 类中导入kit，然后在drawRect 进行绘制。最后在storyboard中添加uiview ，把这个view的类改成ScoreStarsView；然后模拟器运行。
原创文章，作者：PPJN8，如若转载，请注明出处：https://www.506064.com/n/127703.html
微信扫一扫 
支付宝扫一扫 