JS实现星级评价
说明： 本方法采用了Jquery库，暂时检测兼容IE8版本。本示例的2种颜色的星星都是放入了一张png图片当中，当然还有其他的一些实现思路。本示例展示的情况是当前页面只有一个星级评价的情况。 思路： 通过对星级显示元素的，mouseenter,mouseout,click 三个事件 ...
原文：html+css实现星级评价
css: .star bg width: px height: px background: url 星星图片 repeat x position: absolute right: px bottom: px z index: overflow: hidden .star height: width: px margin right: px line height: em position: ab ...
2017-05-17 14:26 0 5882 推荐指数：
相关推荐
vue实现星级评价效果
希望对你们有用，已经自己试过可以的才发布出来的 效果如下： html： <template> <div class="evaStar"> <ul class="star"> <li v-for="(itemClass,index ...
纯HTML+CSS实现阿童木头像
CSS3，就准备练练手，画一个阿童木的头像。实用性不是很大，主要为练习HTML+CSS，也是为了打发时间 ...
html+css二级导航的实现
效果图如下（鼠标放置显示二级导航）： 先使用浮动和盒模型完成页面布局，再使用定位使二级导航不占据空间，不影响下面轮播图的布局，具体代码如下： <!DOCTYPE html> <html lang="en"> < ...
html+CSS实现图片轮播
要使用html+css实现网站轮播，代码如下 首先引入bootstrap 外包裹div class="carousel" data-ride="carousel"创建轮播，使用carousel类，让图片动起来data-ride="carousel" 内部第一层，轮播图片<div ...
html+css实现登录界面
<!DOCTYPE html> <style type="text/css"> body{ background-color: #555555; } #titel_img{ width:417px; } #log_image { z-index ...
用 HTML+CSS 实现商城页面
目录： 1.首页项目结构 2.通用样式抽取 3.结构与样式 4.顶部广告 5.顶部通栏结构 6.顶部通栏样式 7.搜索结构搭建 8.搜索样式 9. ...
用HTML+CSS实现--折叠效果
下图是一个Accordion组件，请用HTML+CSS实现其UI,并用面向对象的思路把折叠效果JS实现。如果能用纯css的方式实现其折叠效果更佳。PS/这是小米15年的一道校招笔试题，无意间看到就实现了一下。 这个题让最好用css实现，那就考察的知识点比较多啦！特别是css选择器这一块。具体 ...