HTML5 data-* 自定义属性详解
HTML5增加了一个新特性——data-*自定义属性。可以往HTML标签上添加任意以"data-"开头的属性，这些属性在页面上是不显示的，也不会影响到页面布局和风格，但它却是可读...
2023-01-16
jquery实现div左右滑动
实现效果如图：上面两个按钮，一个“向左走”，一个向右走。通过按钮控制移动方向。html代码：基础代码<div class="nav"><a&nb...
2022-05-12-
css去掉a标签点击后的虚线框
用css去掉a标签点击后的出现的虚线框。方法一：在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。<a href="#"&nbs...
2022-04-26 
swiper自定义分页器样式修改
swiper自定义分页器的样式默认是3个原点，有时候我们可能需要把它修改成长条，有时候我们需要给它改变颜色，这时候我们用css的方式进行修改即可。例子如下：.swiper-pagination&nbs...
2022-04-26
swiper的banner左右导航点击后出现线框
swiper的banner左右导航点击后出现线框，看起来非常不舒服，那怎么消除它出现的线框呢？消除方法如下：.swiper-button-prev,.swiper-button-next:focus&...
2022-04-26-
让a标签链接不能点击或点击无效
方法一：用css样式，鼠标移上去不会显示手指。<a style="pointer-events: none;">链接</a>方法二：用j...
2022-01-29 
导航滑动隐藏显现Headroom.js插件用法
导航特效Headroom.js插件用法，向下滑动导航向上滑出隐藏，向上滑动导航向下滑入显现。html，导航代码...
2021-12-29
网页侧边栏滚动到一定位置的时候固定不动
效果如下图，当页面滚动到一定的时候，红框位置的导航就固定在了当前位置，不在向上移动了。在以前要实现这种效果需要用到js，代码比较多十分麻烦，我也没有去研究，但现在有了一个非常简单的方法，纯css实现，...
2020-12-21-
dl dt dd和Table tr td th区别
dldtdd主要用于列表排版<dl> <dt>列表标题</dt> &n...
2020-09-28 
li里面的内容不换行，用省略号代替
使用情景：li里面的内容不换行，用省略号代替，例如下图white-space:nowrap; /*不让文字内容换行*/overflow:hidden;/*文字溢出的部分隐藏起来*/t...
2020-06-17