
css
桐溪漂流
一个web前端小菜鸟
展开
-
原生slider组件input[type=range]使用记录
原生slider滑块标签input[type=range]的效果展示原创 2022-03-28 17:05:31 · 877 阅读 · 0 评论 -
页面布局-左侧菜单右侧内容
左侧200px,右侧根据窗口自适应,右侧宽度小于800px的时候会出现滚动条要实现的效果html<div class="container"> <div class="inner left"> <div class="menu-item"> <div style="width: 300px;background: blue;">item</div> </div> <div class原创 2021-12-08 11:35:55 · 2586 阅读 · 0 评论 -
css给前端页面添加水印效果体验
前言本次实现的时候只是为了体验下css的pointer-events的属性效果,所以就把水印做成了fixed的,体验上来说按照内容设定水印效果更佳,水印的个数和位置可以自己设定。还有一种感觉更好的方法是给水印元素添加水印背景图,然后repeat显示,这样不需要设定水印个数。水印元素需要根据内容而定。eg:我的例子中的class=shuiyin的水印元素。一、pointer-events该属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target/* 除了指示该元素不是鼠标原创 2021-04-30 10:08:19 · 8205 阅读 · 3 评论 -
table中边框在firefox中不显示的问题
表格在firefox中边框不显示的两种情况原创 2017-07-03 14:16:29 · 2148 阅读 · 0 评论 -
自定义功能件--分页
这个介绍的是项目中自己封装的一个分页的方法,用的技术也是构造函数。虽然有很多的分页插件,但是自己也是可以动手写一下的。好了,上代码。分页的构造函数代码common.js/** * 分页的构造函数 * @param { id:"容器id", pageSize:"每页的数据条数", totalCount:"总数", pageNum:"当前页数", clickChange:"点击切换事件"...原创 2018-09-05 23:28:01 · 218 阅读 · 0 评论