HTML5前端开发
ouqi_qiou
这个作者很懒,什么都没留下…
展开
-
用js写的简单计时器
小白一枚 如有代码不规范或者写错的地方 希望得大神指导代码: //计时 var time = 0; var a = setInterval(jishi, 1000); //1000毫秒 var isCanCancerOrder = false; function jishi(原创 2017-07-03 21:49:01 · 456 阅读 · 0 评论 -
浮动
浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。假如某个div元素A是浮动的,如果A元素上一个元素也是浮动的,那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素,那么A元素会被挤到下一行);如果A元素上一个元素是标准流中的元素,那么A的相对垂直位置不会改变,也就是说A的顶部总是和上一个元素的底部对齐。清除浮动:clear:none | le...原创 2019-03-23 09:04:16 · 208 阅读 · 0 评论 -
盒模型
CSS盒子模型内容(CONTENT)就是盒子里装的东西;填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;边框(BORDER)就是盒子本身了;边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出。在怪异模式和标准模式下,浏览器的排版不一样:怪异模式:height、width = content ...转载 2019-03-21 09:21:52 · 140 阅读 · 0 评论 -
js写评价的星星
刚开始接触写星星评价时,哇!估计脑子刚被驴踢了,竟然想到了最笨的办法-手工画五角星。妈呀! css样式都写了好大一串,还沾沾自喜终于画出来了,然后瞅一瞅旁边的妹子写得怎么样了,哇!人家机智的!直接用符号★就解决了!!!唉,智商捉急呀!先上图看看吧: 虽然简单,还是有几个注意的地方: 1. 未点击时的hover效果,星星会随鼠标移动亮起来喔。 2. 点击后关闭hover效果。 3. 点原创 2017-08-20 14:38:56 · 3970 阅读 · 2 评论 -
html5 对话列表样式
样式:html:css:代码: ul{ list-style: none; background-color: #FFFFFF; padding: 0px 2.7% 0px 2.7%; }原创 2017-06-29 16:44:33 · 1519 阅读 · 0 评论 -
关于半透明遮罩层弹框
点击按钮 出现半透明遮罩层弹框 说说自己之前发过的愁吧 1、遮罩层半透明了 弹框也跟着半透明了 就像这样 绝望吧 是哪里错了呢?你的css是这样写的吧:应该这样:需要注意的是这几个参数的意思:RGB Red Green Bule 3色!及212, 0, 0 三色的值混合 .最后一个参数 0.5 是指的透明度 1表示不透明2、半遮罩层里面的内容可以上原创 2017-06-30 20:06:08 · 804 阅读 · 0 评论 -
html侧滑页面
before:after:代码: .cover { background-color: #0062CC; height: 100%; width: 100%; display: none; opacity: 0; position: absolute; } .m原创 2017-07-03 21:43:26 · 598 阅读 · 0 评论 -
页面可刷新的倒计时
写了一个5分钟倒计时的代码,有的时候代码需要刷新,然后倒计时又从4:59开始了,我想到的一个解决办法,就是使用缓存,将开始倒计时的时间加上要倒计时的5分钟设为缓存,然后直接用这个缓存时间减去当前时间,就可以一直倒计时了,不管你在倒计时过程中操作了什么,时间总在变吧,哈哈,原理就是这样嘀。<!doctype html><html> <head> <meta charset="u原创 2017-07-15 11:22:07 · 725 阅读 · 0 评论 -
关于复制文字按钮
关于复制文字按钮图片展示: 注意css中的样式,有些页面复制不成功就是没有添加那一句造成的。代码块<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style type="text/css"> *原创 2017-07-10 20:21:55 · 1854 阅读 · 1 评论 -
CSS权重
权重的级别根据选择器被划分为四类:行类样式(+1000)Id(+100)类与属性(+10)元素(+1);(通配符的权重为0)*CSS选择器分类:基本选择器:通配符(*)、元素(E)、类(.className)、id(#ID)、后代~(E F)、子元素~(E > F)、相邻兄弟元素~(E + F)、通用兄弟~(E ~ F)、群组~(selector1,selector2,...原创 2019-03-24 10:36:41 · 179 阅读 · 0 评论