js css div 点亮半颗星星（二）

上回说到js css点亮星星换种方式来点亮 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>rating</title> </head> <style > *{margin:0;padding: 0} div{width:500px; padding:100px;padding:…

js+css+div的点击后显示或者隐藏

<html ><head><meta charset=utf-8 /><title>JS Bin</title></head> <script type="text/javascript"> function showaa(obj) { //var obj_parent=obj.parentNode; var obj_parent=obj.parentElemen…

精通CSS.DIV网页样式与布局(八)——滤镜的使用精通CSS.DIV网页样式与布局(七)——制作实用菜单精通CSS.DIV网页样式与布局(六)——页面和浏览器元素精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式精通CSS.DIV网页样式与布局(四) ——页面背景精通CSS.DIV网页样式与布局(三)——中秋效果图精通CSS.DIV网页样式与布局(二)—— 段落精通CSS.DIV网页样式与布局(二) 精通CSS.DIV网页样式与布局(一) 神奇的验证码,我们一起来探究…

进阶篇之纯css+字体实现五角星（半颗星）评分

1.前言之前写了一篇实现五角星打分效果的demo.这个demo用来实现打分效果绰绰有余,那么有时候我们在统计评分的时候,就会有半颗星或者1/3颗星星这样的那要如何实现呢?来来来,纯字体+css实现! 2.详情 1.下载字体 webFontIcon 我不会把压缩文件上传,会的童鞋可以教教我,感谢赐教,这样我就可以把字体上传以供大家下载了. 2.css样式 ;} *{;;} /*字体路径按照你的路径去修改*/ @font-face { font-family: 'AlluraRegular'; s…

css简单实现五角星评分、点赞收藏、展示评分（半颗星、1/3颗星）

1.前言之前做的好几个项目中,都会遇到打分,评分,点赞这样的需求,写了很多次,每次需要再写的时候,就会翻出之前写过的代码,然后copy过来.总觉得这样的话没有进步,没有把知识放进脑袋里,所以,自己花了2个小时,把这三种类型的需求自己写了demo并做了演示,这样的话,感觉一字一字敲出来的代码,确实是到了脑袋里了.之前一直崇尚写简单的博客,也将五角星评分.点赞收藏.展示评分写成了三个简单的博客,奈何博客园要求博客要有篇幅,所以我的那三篇博客并没有上到博客园首页,但是我觉得这个方法应该让更多的小伙伴…

JS/CSS缓存杀手——VS插件

背景前些天去考科目二,感觉经历了一场不是高考却胜似高考的考试(10年前的5分之差, 还是难以释怀)! 一行八人,就我学的时间最少(4天,8人一辆车),教练都觉得我肯定还得再来一次! 靠着运气和信念,惊险的通过了侧方停车和倒车入库,终于还是抚慰了一下10年前那颗年轻的心! ——————————感慨完毕,回归主题—————————— 终于修改完了客户提交的bugs,发布.更新.测试.邮件通知,悠哉悠哉的浏览博客园...然后客户来了... 客户:我提的需求怎么都没修改,这个按钮颜色也没变,点…

js 控制Div循环显示非插件版

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

勤能补挫-简单But易错的JS&CSS问题总结

错误频率较高的JS&CSS问题勤能补拙,不管是哪门子技术,在实践中多多总结,开发效率慢慢就会提升.本篇介绍几个经常出错的JS&CSS问题,包括事件冒泡.(使用offset.scroll.clientHeight定位元素).模仿JD写个右栏菜单.元素水平和垂直居中.inline元素遇见padding和margin.圆角兼容性处理.这些问题自己都是写代码实验过,所以都会结合Demo一起分析.相信大家也比较容易理解.另外,自己也是小菜一个,有什么解释有误的地方,请大神多多指定. 事件冒泡 DO…

CSS+DIV两栏式全屏布局

在网上找了很久,发现大部分都是固定宽度设置两栏,全屏情况下的布局很少.最后终于完成了,写出来备查,也供大家参考. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <meta http-equiv=&quo…

JS控制DIV隐藏显示

转载自:http://blog.sina.com.cn/s/blog_6c3a67be0100ldbe.html JS控制DIV隐藏显示一,需求描述: 现在有3个DIV块,3个超链接,需要点击一个链接,显示相应的模块,并隐藏其余2个模块二,代码如下示例一 Html代码 <html> <head> <script type="text/javascript"> function changeBody(index){ switch(index){…