体彩排列5双期走势图

站长网_站长创业_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: Div和CSS编写中对包含选择器和通配选择器的使用
搜索:
您的位置: 主页 > 教程 > 网页设计 > CSS > » 正文

css实现鼠标滑过五角星高亮效果

来源: 易采站长站
关于星星评分效果大家一定都不会陌生,当鼠标滑过的时候会使相应的星星变得高亮,下面就介绍一下如何利用css实现此功能,当然并不是完整的评分功能,仅仅是如何使滑过的星星实现高亮效果。
代码实例如下:
废话不多说了,直接给大家贴代码了。

复制代码
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>易采站长站</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
span{
display:block;
width:30px;
height:30px;
padding-left:30px;
background-image:url(mytest/demo/star.gif);
background-repeat:no-repeat;
background-position:0 -3px;
}
span span span span span{
padding-left:0;
}
span:hover{
background-position:0 -31px;
}
</style>
</head>
<body>
<span>
<span>
<span>
<span>
<span></span>
</span>
</span>
</span>
</span>
</body>
</html>

上面的代码实现了我们的要求当鼠标滑过的时候能够实现五角星高亮效果。 要实现此功能的朋友可以参考下本篇文章。
Tags:
最新图文资讯
1 2 3 4 5 6
体彩排列5双期走势图相关的文章列表:
易采站长站 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助 -
江苏体彩七位数大小分析 体彩排列5质合走势图 河南福彩22选5大小走势图 体彩排列5双期走势图体彩超级大乐透历史开奖号码 福彩双色球周四走势图 河北福彩20选5走势图 体彩超级大乐透201走势图 体彩超级大乐透复式计算器 河北福彩排列5大小走势图 江苏体彩七位数号码分布 河北福彩20选5除五走势图 体彩超级大乐透周三走势图 体彩22选5玩法中奖规则 体彩排列3出号频率表 体彩排列3和值遗漏 体彩排列3奇偶走势图 齐鲁风采23选5连号分布图 体彩排列5走势图 福彩七乐彩单期走势图 南粤风采36选7走势图