【fgm.cc练习4-9】星级评分系统

最新推荐文章于 2021-07-01 04:44:51 发布
VIP文章 最新推荐文章于 2021-07-01 04:44:51 发布
阅读量461 收藏
点赞数
分类专栏： fgm.cc 文章标签： html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dgt4720/article/details/103541713
版权

练习地址：http://www.fgm.cc/learn/lesson4/09.html
在这里插入图片描述
看了网页源代码，才知道什么叫“简洁的代码”。我写的太繁杂了！
亮起和熄灭的星星是通过改变背景图片的位置来实现的，背景图片从网页source那里下载。要解释的在注释里面写了。

HTML
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>星级评分系统</title>
	<link rel="stylesheet" type="text/css" href="9_star.css">
</head>
<body>
	<div id="container">
		<!-- 本来想着div是在js里面创建的，但是每个div内容不一样，反正要写，内容还是在HTML比较好 -->
		<span id="intro">点击星星就能打分</span>
		<!-- info是鼠标hover时展示的信息 -->
		<!-- largeTri和smallTri是为了创建对话框的三角形 -->
		<div class="star"><div class="info"><div class="largeTri"><div class="smallTri"></div></div><span><strong>1</strong>分&nbsp;很不满意<br></span>差得太离谱，与卖家描述的严重不符，非常不满</div></div>
		<div class="star"><div class="info"><div class="largeTri"><div class="smallTri"></div></div><span><strong>2</strong>分&nbsp;不满意<
最低0.47元/天 解锁文章
denguing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图像矩阵matlab代码-fgm:fgm
05-23
图像矩阵matlab代码介绍 此页面包含[1] [2]的软件和说明。 此外，我们将以下最新技术作为基准： [3]， [4]， [5]， [6]， [7]， [8]。 以上方法的实现均来自作者的网站（GA的代码也已在SMAC的代码中实现）。 感谢所有作者慷慨分享代码。 安装 将fgm.zip解压缩到您的文件夹中； 运行make来编译所有C ++文件； 运行addPath将子目录添加到Matlab的路径中。 运行demoXXX或testXXX 。 指示 fgm.zip软件包包含以下文件和文件夹： ./data ：此文件夹包含。 ./save ：此文件夹包含论文中报告的实验结果。 ./src ：此文件夹包含FGM的主要实现以及其他基准。 ./lib ：此文件夹包含一些必要的库函数。 ./make.m ：用于C ++代码的Matlab makefile。 ./addPath.m ：将子目录添加到Matlab的路径中。 ./demoToy.m ：合成数据集上不同图形匹配方法的演示比较。 ./demoHouse.m ：在线上不同图匹配方法的演示比较。 ./testToy.m ：在合成数据集上测试不
9.14 工作学习：React.createClass和React.component区别，redux缓存层，Router思路，星级评分，li圆点距离变化，路由后退，移动端手机拨号，html自身有间隔
qq_40196738的博客
09-14 94
React.createClass this自绑定。 React.component this不会自绑定 三种绑定方式 1、constructor声明期bind 2、this.handleClick.bind(this) 3、() => this.handleClick() 以及初始状态state的配置不同，和mixin混入差异。 来自大佬： ...
星级评分系统
FireBird_one的博客
03-16 977
$(function () {             var aA = $("a");             var timer;             var iStar = -1;             var unitil = [{                 score: "1分",                 impress: "很不满意",        
js+css实现星级评分
lele849074的博客
06-08 1351
代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>startRating</title> <style> .container{ height:200px; width:400px; bord
html css星级评分,纯css实现星级评分效果
weixin_35085438的博客
07-01 687
效果效果图如下星级评分实现思路：5个类型为radio的input，abel标签修改样式背景图为星星label标签给每个星星鼠标停留时加注名字点击星星有放大旋转的动画dom结构用form实现css样式css按步骤来实现1、星星图片样式首先是星星图片嘛~星星.star{display: block;position: relative;width: 150px;height: 60px;padding...
纯CSS实现星级评分特效组件
Qlly
08-29 708
参考掘金的文章：https://juejin.im/post/5d57adf5f265da03e3697e1b（作者：聪明的汤姆） HTML <form action="" onsubmit="return false"> <div class="parent"> <input type="radio" name="rate" class="...
Adobe Photoshop CC 2018技术总结
weixin_44567391的博客
01-18 675
**Adobe Photoshop CC 2018技术总结** 作者：黄文政 创建时间2019年1月16日 一、 Adobe Photoshop CC 2018基本工具的功能 1、 移动工具：顾名思义它可以移动选区，路径 2、 矩形选框工具：按住鼠标左键可以...
signature=04e0c5d9acfe5aef92fda679f27fba71,恶意软件分析 & URL链接扫描 免费在线病毒分析平台 | 魔盾安全分析...
weixin_28622215的博客
05-29 8878
META-INF/MANIFEST.MF]|oc<5_F~E,kDTV"|C&{A-aqxhO;l#&)HNoi\wrM$JW"?&O=Tz@!^7s+m]u:9(eld@8O1VI=[Z"%;\ e3x|}WBzU8'unmH@.?pnPyouS$~?pR=8~FYA*m?cL9<8pu{Af8r/1/]3@/c=3-@/7l8~AXK"HqmT|g@{k1a...
CSS星星打分特效
小叶
02-21 4292
首先看一下效果如下： 点击第几颗星星就可以亮几颗星星哦。 HTML布局如下： <div class="box"> <input type="radio" id="a" name="xing"> <label for="a"></label> <input type="radio" id="b" name="xing"> <label for="b"></label> <input type="r
水泥检测报告管理系统.zip_cement_fgm_水泥检测_管理_管理系统
07-14
本文件内容为水泥生产管理系统，方便使用该安装程序查看水泥生产系统参数
FGM系列油田集输处理站消防监控系统.docx
12-27
FGM系列油田集输处理站消防监控系统.docx
gramsmt2_change_fgm.rar_Eigen modes_Matlab Ritz method_Ritz meth
07-14
Ritz Method Eigen Modes
HTML 移动端,给元素添加0.5px的边框
你好邱林和的专栏
02-01 1989
在浏览器端1px线看起来的确很细,但一旦放在手机上,就显得很粗,原因如下:    在移动端，1px 的直线在物理屏幕上通常会显示成 2px（甚至更粗）。这是因为手机屏幕的物理分辨率（硬件支持的）通常是其逻辑分辨率（软件支持的）的数倍。 以 iPhone 6 为例，其逻辑分辨率为 667×375 ，物理分辨率为 1334x750 。这意味着物理屏幕使用 2x2 个像素点显示 1 像素的内容。换言
【fgm.cc练习1-4】获取div元素
DGT4720的博客
11-11 433
练习网址：http://www.fgm.cc/learn/lesson1/04.html 思路是获取所有div得到一个数组，循环给它加上className。 如何获取div元素，这里终于知道前几次练习中一直存在的一个疑惑了，就是得到的数组length为什么不是正确的？去掉空格之后就是正确了，原因可以看这篇。 主要就是说如果用childNodes获取会把文本节点也获取到，我所说的空格也算文本节点。所...
【fgm.cc练习1-6】鼠标移入移出事件&显示与隐藏
DGT4720的博客
11-11 323
练习网址：http://www.fgm.cc/learn/lesson1/06.html 尝试鼠标事件的函数里面，通过增加类名{display：block}来实现显示；删除类名来隐藏，结果跑不起来。然后就用了以下方法，直接改style.display。 代码如下： HTML <!DOCTYPE html> <html> <head> <meta http...
【fgm.cc练习1-1】我开始得好艰难......感谢各位指点迷津！
DGT4720的博客
11-11 314
最近开始做前端的简单小练习，网址贴在这了http://www.fgm.cc/learn/，好像还挺多人推荐的。我就在第一个小练习被打倒了。。。debug了一个下午也没找到问题所在，还call了好朋友来帮我看看，倒是发现我几个地方打错字了？？？结果也没成功跑起来。于是在CSDN提问了，没想到晚上就有两个朋友回答我了。实名感谢第二位朋友@天际的海浪，按照他的指点，我成功修改跑起来了！！！呜呜呜…我太难...
【fgm.cc练习2-12】复选框（checkbox）全选/全不选/反选
DGT4720的博客
11-14 264
练习地址：http://www.fgm.cc/learn/lesson2/12.html 实现要点： 判断checkbox是否被选中：box.checked，是的话返回true；否则false 全选：循环设置每个checkbox.checked = true；文本innerText = “全不选” 全不选：上述反向 反选：循环+if判断该checkbox是否被选中，如果选中设置为false，反...
【fgm.cc练习4-4】arguments应用——求出函数参数的总和
DGT4720的博客
12-02 261
练习地址：http://www.fgm.cc/learn/lesson4/04.html 与【3-1】的练习一样。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>arguments应用——求出函数参数的总和</title> &l...
out_data = [CHAMP_Points, CHAMP_FGM_VEC_N, CHAMP_FGM_SCAL_N, ... CHAMP_FGM_VEC, CHAMP_FGM_SCAL_VEC, CHAO7_COM]; save('./data/CHAMP-2010-01.dat', 'out_data', '-ascii');
最新发布
07-22
这部分代码将多个变量按列合并为一个新的矩阵 `out_data`，然后将 `out_data` 保存为 ASCII 格式的文件。 具体解释如下： - `out_data = [CHAMP_Points, CHAMP_FGM_VEC_N, CHAMP_FGM_SCAL_N, CHAMP_FGM_VEC, CHAMP_FGM_SCAL_VEC, CHAO7_COM];` 将多个变量按列进行合并，得到一个新的矩阵 `out_data`。这些变量包括 `CHAMP_Points`、`CHAMP_FGM_VEC_N`、`CHAMP_FGM_SCAL_N`、`CHAMP_FGM_VEC`、`CHAMP_FGM_SCAL_VEC` 和 `CHAO7_COM`。 - `save('./data/CHAMP-2010-01.dat', 'out_data', '-ascii');` 将 `out_data` 保存为 ASCII 格式的文件。函数 `save` 使用第一个参数指定保存文件的路径和名称（此处为 `./data/CHAMP-2010-01.dat`），第二个参数指定要保存的变量名（此处为 `'out_data'`），第三个参数 `-ascii` 指定保存为 ASCII 格式。 总的来说，这段代码的目的是将多个变量合并为一个矩阵，并将该矩阵保存为 ASCII 格式的文件。 如果还有其他问题，请随时提问！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值