社区
JavaScript
帖子详情
星星打分
luy1987
2012-03-01 06:28:42
现在要做一个能评分的网站,打算用星星打分,像淘宝打分那样,这要怎么实现呢
...全文
105
2
打赏
收藏
星星打分
现在要做一个能评分的网站,打算用星星打分,像淘宝打分那样,这要怎么实现呢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
似梦飞花
2012-03-01
打赏
举报
回复
<script type="text/javascript">
function init(){
var img=document.images;
for(var i=0;i<img.length;i++){
img[i].style.width="30px";
img[i].style.height="30px";
img[i].value=i;
img[i].onclick=change;
}
}
function change(){
var score=this.value;
for(var i=0;i<document.images.length;i++){
document.images[i].src="925.jpg";
}
for(var i=0;i<=score;i++){
document.images[i].src="2007122935256957_2.jpg";
}
}
</script>
</head>
<body onload="init()">
<img src="925.jpg">
<img src="925.jpg">
<img src="925.jpg">
<img src="925.jpg">
<img src="925.jpg">
</body>
这样试试
Acesidonu
2012-03-01
打赏
举报
回复
直接看他的源码
CSS
星星
打分
特效
本文介绍了如何使用CSS创建一个动态的
星星
打分
特效。通过HTML布局和CSS样式设置,实现了点击
星星
可以改变选中状态的效果。关键CSS技巧包括使用display: flex布局,设置appearance: none隐藏input默认样式,以及利用相邻同胞选择器(:checked ~ label)改变选中
星星
的背景颜色。
html 打
星星
评价实现,js实现
星星
打分
效果的方法
本文介绍了一种使用JavaScript实现的
星星
打分
效果,详细解释了如何通过鼠标悬停及点击操作来改变
星星
的状态,并展示了完整的代码实现。
【转载】
星星
打分
评价
本文介绍了一种使用HTML和JavaScript实现的网页特效——
星星
打分
评价效果。通过简单的代码示例展示了如何创建交互式的星级评分系统,包括鼠标悬停时
星星
状态的变化及点击
星星
设置评分值的功能。
星星
打分
2
本文介绍了一种使用HTML、CSS和JavaScript实现的
星星
打分
功能。通过点击不同的
星星
标签可以改变背景位置,从而实现动态的星级评分效果。
vue3实现
星星
打分
组件
该博客介绍了用Vue3实现
星星
打分
组件,可整颗星全打也能打半颗星。还对组件的CSS部分进行解析,包括将容器设为弹性盒子布局、设置
星星
大小和颜色等,半星效果通过控制元素宽度实现,如半星显示左半边,整星显示完整
星星
。
JavaScript
87,990
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章