原文:css+js相关笔记

作者: 故事我忘了c 个人微信公众号: 程序猿的月光宝盒 toc css部分: .内联元素垂直居中的设置: 设置父级元素的行高 line height,和高度 height 原则:line height height 再设置内联元素的 vertical align: middle .页头,页尾拼接 通常在开发中,都会有公共的页面部分 不只是导航栏,头部,尾页等 . 拼接法则: 主页面中,需要拼接 ...

2019-11-28 19:30 2 222 推荐指数:

查看详情

css+js定位到屏幕中间

ex:让一个div始终显示在屏幕中间 一、 css:#idName{position: absolute;z-index: 999;width: ?px;margin-top: ?px;}//此处的初始定位按具体的自己调 计算并设置页面滚动条改变时移动的距离: function sc1 ...

Thu Jul 21 22:50:00 CST 2016 0 7434
页面怎么引用外部css+js代码

外部css样式:把css样式写到一个文件内,方便使用,减少冗余。 如果使用的是外部css样式,页面怎么引用: 使用 <link rel="stylesheet" type="text/css" href="css/table-role2.css"/>   href写的是css ...

Fri Jan 04 04:45:00 CST 2019 0 822
一个简单css+js的开关组件

一个简单的开关组件 依赖:jquery.js CSS JS HTML 注意: input的id和label的for属性值要一致 data-toggle 的值用 | 分隔 是|否 的对应的文本 如果不需要显示文本 ...

Fri Jul 05 18:44:00 CST 2019 0 841
CSS+JS下拉菜单和纯CSS下拉菜单

下拉菜单 (思路:先把二级定位到屏幕外,鼠标悬停重新定位回来;另一个就是ul浮动,li也浮动) 下拉菜单的一般思路就是把子导航嵌套在无序列表中,把列表定位到屏幕之外,当鼠标悬停在其父列表项上时,重 ...

Wed Jul 09 15:41:00 CST 2014 0 22089
css+js水平时间轴

自定义,并自动加载时间节点 当前时间节点居中,突出显示 时间动态无痕添加 效果图: 初始状态 时间左走到一定2016.1月后 html: <!-- 水平时间轴 --& ...

Thu Jul 28 23:03:00 CST 2016 0 2966
CSS+JS 实现动态曲线进度条

由于系统UI风格升级,产品童鞋和UI童鞋总是想要搞点儿事情出来,项目页面上的进度条从直线变成了曲线,哈哈,好吧,那就迎难而上 实现效果: 1.简单搞一搞 CSS , 此处代码有折叠 分析一下实现思路: 想要曲线效果,首先就能想到 border-radius 属性 ...

Sat Nov 07 23:47:00 CST 2020 0 569
css+js实现自动伸缩导航栏

css+js实现自动伸缩导航栏 需要达到的效果: 默认首页选中样式 设置鼠标滑过效果:颜色变化(#f60),宽度变化,字体变化 所涉及的知识点: 布局:float css: 元素状态切换(display),盒模型(margin,padding),圆角边框 ...

Mon May 13 04:51:00 CST 2019 0 1395
css+js整站变灰(兼容IE7+)

历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命,那么这种整站变灰的效果是怎么做到的? 重写一套css?NO,即便你有这个时间重写,那网站内的图片怎么办?难道重做一遍?很明显工作量巨大不符合实际。 火狐和chrome浏览器比较简单,直接用css3搞定 ...

Tue Mar 10 06:25:00 CST 2015 3 5039
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM