HTML5 data-* 自定义属性详解
HTML5增加了一个新特性——data-*自定义属性。可以往HTML标签上添加任意以"data-"开头的属性,这些属性在页面上是不显示的,也不会影响到页面布局和风格,但它却是可读...
2023-01-16jquery实现div左右滑动
实现效果如图:上面两个按钮,一个“向左走”,一个向右走。通过按钮控制移动方向。html代码:基础代码<div class="nav"><a&nb...
2022-05-12css去掉a标签点击后的虚线框
用css去掉a标签点击后的出现的虚线框。方法一:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框。<a href="#"&nbs...
2022-04-26swiper自定义分页器样式修改
swiper自定义分页器的样式默认是3个原点,有时候我们可能需要把它修改成长条,有时候我们需要给它改变颜色,这时候我们用css的方式进行修改即可。例子如下:.swiper-pagination&nbs...
2022-04-26swiper的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-21dl dt dd和Table tr td th区别
dldtdd主要用于列表排版<dl> <dt>列表标题</dt> &n...
2020-09-28li里面的内容不换行,用省略号代替
使用情景:li里面的内容不换行,用省略号代替,例如下图white-space:nowrap; /*不让文字内容换行*/overflow:hidden;/*文字溢出的部分隐藏起来*/t...
2020-06-17