随笔分类 -  HTML,CSS

如何自己实现一个滚动条，自定义滚动条样式
摘要：修改默认滚动条样式 一般改变滚动条样式可以改变滚动容器的几个伪元素样式即可 // 滚动条本体，要想设置滚动条样式，需要先设置该元素 ::-webkit-scrollbar { height: 6px; width: 6px; } // 滚动条轨道 ::-webkit-scrollbar-track 阅读全文
posted @ 2021-05-15 22:33 luckiest 阅读(1970) 评论(0) 推荐(0)
CSS设置文本不能被选中
摘要：在页面搭建时，不想要对应地方的文本拖拽选中，可以给对对应文本添加不能被选中的css样式，如下： 此时的p中的文字就不能被选中了 阅读全文
posted @ 2020-03-19 11:03 luckiest 阅读(281) 评论(0) 推荐(0)
input在输入中文时所触发的事件（防止输入中文时重复执行）
摘要：一般在监听文本框输入时监听文本内容改变事件，可以使用oninput和onchange事件，两者区别在于oninput在文本输入状态可以一直监听变化，onchange在文本框失去焦点时才会触发，所以要想在输入内容是执行相关操作可以使用oninput 但是在文本输入时，如果输入的时汉字，它在拼音拼写的过 阅读全文
posted @ 2019-12-17 17:53 luckiest 阅读(1292) 评论(0) 推荐(0)
html中设置一个div可编辑文本
摘要：```html``` 阅读全文
posted @ 2019-11-08 10:44 luckiest 阅读(1489) 评论(0) 推荐(0)
适配移动端的文字超出隐藏并添加省略号
摘要：查看全部与收起事例 阅读全文
posted @ 2019-04-26 11:41 luckiest 阅读(830) 评论(0) 推荐(0)
数组去重
摘要：通过数组方法 filer来实现 filter方法中，有三个参数，分别是currentValue 当前元素的值，index 当前元素的索引值，arr 当前元素属于的数组对象； for循环实现 javascript function unique(arr) { var res = [arr[0]]; f 阅读全文
posted @ 2019-04-03 13:08 luckiest 阅读(101) 评论(0) 推荐(0)
星级评价功能实现
摘要：本例中的星级功能采用图片的方式来实现，包含半星、满星和不填充星。 代码部分 css部分 html部分 javascript部分 图片直接保存到本地即可 |nonestar.png|helfstar.png|fullstar.png| | | | | | | | | 阅读全文
posted @ 2019-04-02 17:01 luckiest 阅读(622) 评论(0) 推荐(0)
处理H5新标签方法
摘要：语义化 HTML5中加入了更加具有语义化的标签，比如header，nav，footer等，可以为搜索引擎优化，让爬虫能更好地理解网页结构。 但是对于新标签的兼容性不是很好，IE9以下旧版本不支持新的语义化标签 1. IE8/IE7/IE6支持通过document.createElement方法产生的 阅读全文
posted @ 2019-03-17 17:55 luckiest 阅读(227) 评论(0) 推荐(0)