css
littleHiuman
好好学习,天天向上。
展开
-
js生成当前日期起,一周内的日期+周几/今日
效果有两种:两者区别是 1.第一天(今天)显示今日 2.第一天(今天)显示周几(第一个图是在手机上显示的效果,第二个是PC网页上显示的效果)……原创 2016-09-08 10:41:46 · 778 阅读 · 1 评论 -
RGB颜色值与十六进制颜色码转换(在线)
RGB颜色值与十六进制颜色码转换工具:https://littlehiuman.github.io/19-ColorValueChange/可以根据RGB颜色值转换成十六进制颜色码,也可以根据十六进制颜色码转换成RGB颜色值页面UI比较粗糙,但是能实现想要的功能。...原创 2021-03-31 08:29:39 · 1151 阅读 · 0 评论 -
css 清除浮动的五个办法
在子元素都设置了浮动后,父元素会失去高度。而且会影响下面的元素,这时候就需要清除浮动:这时候就需要清除浮动:1. 在这些子元素的最后加一个元素来清除浮动2. 通过父类的伪元素:after来清除浮动3.给接下来的第一个元素增加 clear:both; 样式(即不希望受到影响的元素)4. 父元素增加overflow属性:overflow: auto;对于超出父元素范围的内容,父元素会进行调整,它的高度就会变得正常。5.父元素增加height属...原创 2020-12-15 17:03:55 · 68 阅读 · 0 评论 -
JavaScript+CSS+HTML 编写手风琴效果
效果图:可以通过https://littlehiuman.github.io/03-Accordion/查看效果。https://github.com/littleHiuman/littleHiuman.github.io求点star~~~代码如下:* { margin: 0; padding: 0;}.container { position: relative; width: 520px; height: 400px; overfl...原创 2020-12-15 17:03:17 · 243 阅读 · 0 评论 -
HTML+CSS+JS(+Vue)写一个通讯录组件
求各位大大的Star(*/ω\*)。没有录屏,所以上传的是图片。后面已补充录屏效果。效果:(主要是参考小米Note3的通讯录的效果做的)主要功能:1. 滚动后,通讯录的模块标题会固定在顶部(图2)2. 下一个标题很接近时,将上一个标题推上去的效果(过程:图3、图4、图5)实现:1. 模块标题会固定在顶部:这个实现比较简单,监听滚动的距离,如果大于0(相对的0)就显示固定的标题。2. 推上去的效果:实际上是修改固定的标题的top值,导致的视觉错觉。当下一个标题距离顶部.原创 2020-12-15 17:00:30 · 727 阅读 · 0 评论 -
使用div实现progress进度条
在百度上搜了很多方法去修改HTML5 progress的样式,然而并没有实现。所以自己用div实现了一个。简单粗暴(*^-^*) 可以在CSS里改样式,可以JS里改进度。[img]http://dl2.iteye.com/upload/attachment/0121/0690/7ed605e1-ab38-3145-a91d-bbc6b32c7c36.png[/img][c...原创 2016-11-07 13:52:11 · 379 阅读 · 0 评论 -
css3实现菜单栏选中时的过渡效果
[color=blue][size=small](如有错敬请指点,以下是我工作中遇到并且解决的问题)[/size][/color][size=small]效果图:未点击时:[/size][img]http://dl2.iteye.com/upload/attachment/0120/6125/073abacd-60d7-3736-95b3-8f4cc682d4df.png[/img...原创 2016-10-14 11:56:10 · 637 阅读 · 0 评论 -
用css控制table td内文字超出隐藏并显示省略号
[color=blue][size=small](如有错敬请指点,以下是我工作中遇到并且解决的问题)[/size][/color]效果图:[img]http://dl2.iteye.com/upload/attachment/0120/4840/b94f5b87-ccbd-3c69-9e0f-7b79b9d0c0bb.png[/img][color=red]重点是把table设...原创 2016-10-09 10:08:47 · 1593 阅读 · 0 评论 -
css3实现鼠标移入图片划过一束光闪过效果
该效果在京东里的图片有。[code="css"].img { display:block; position: relative; width:800px; height:450px; margin:0 auto;}.img:before { content: ""; position: absolute; width:200px; heig...原创 2016-09-13 13:59:07 · 852 阅读 · 0 评论 -
布局:左侧菜单栏+右侧内容
[size=small][color=blue](如有错敬请指点,以下是我工作中遇到并且解决的问题)下一篇文章改进了内容[/color][/size][size=small]在网上搜这个内容时,大部分说 左侧a标签然后链接到右侧的iframe框架。有的 用frameset标签实现的,有的 左侧点击时,右侧使用innerHTML/innerText方法加入内容,有的 左侧点击时,右侧隐藏其他...原创 2016-09-08 16:03:55 · 5298 阅读 · 0 评论 -
CSS 超出的文字隐藏并显示省略号(单行、多行)
(如有错敬请指点,以下是我工作中遇到并且解决的问题) 如图,自我介绍的内容超出边框,自动隐藏。……原创 2016-09-06 13:44:49 · 5578 阅读 · 0 评论