一个导航栏tab切换的方法 siblings()
1Deshun 发布于 7年前 (2018-07-25) 3893℃ 评论(0) 赞 (0)
项目中经常会用到 tab 切换功能,有的还会有一个 更多 按钮,我们可以用下面这个方法实现一个多功能的 tab 切换。效果图:不好看,请见谅。HTML:<div class="box"> ...
Deshun 发布于 7年前 (2018-07-25) 3893℃ 评论(0) 赞 (0)
项目中经常会用到 tab 切换功能,有的还会有一个 更多 按钮,我们可以用下面这个方法实现一个多功能的 tab 切换。效果图:不好看,请见谅。HTML:<div class="box"> ...
Deshun 发布于 7年前 (2018-07-19) 4204℃ 评论(0) 赞 (0)
日常项目中,为了避免兼容问题,防止某些功能或者插件不能用,会用到IE浏览器的模式设置代码。以下是比较常用的几种用法:content="IE=EmulateIE7" :EmulateIE7 模式遵循 <!DOCTYPE> 指令。标准模式以 IE7 标准模式显示,Quirks模式以 IE5 模式显示。<meta http-equiv="X-UA...
Deshun 发布于 7年前 (2018-07-17) 2736℃ 评论(0) 赞 (0)
在项目中,经常会遇到IE浏览器的兼容问题,IE678简直是前端工程师的噩梦,每个版本的IE浏览器都会有比较大的差异。我们可以使用下面的代码,判断IE浏览器版本:if IE 8 :选择IE版本,只有该版本可见。if lt IE 8 :lt 小于 Less th...
Deshun 发布于 7年前 (2018-07-10) 9056℃ 评论(0) 赞 (5)
UEditor 百度富文本编辑器的 initialFrameWidth 属性默认值是1000,设置 initialFrameWidth=null 时,编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给 initialFrameWidth 属性,这样确实可以在第一次加载时适应屏幕宽...
Deshun 发布于 7年前 (2018-07-05) 3744℃ 评论(0) 赞 (1)
CSS 后代选择器很好用,让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。例如这6个比较常用的后代选择器:Child SelectorsIE9IE8IE7:first-child√√√:last-child√××:nth-child(n)√××:nth-last-child(n)√××:first-of-type(n)√××:first-last-of-...
Deshun 发布于 7年前 (2018-06-28) 5189℃ 评论(0) 赞 (2)
a页面有个链接,点击后跳转至 b页面的某个 tab 上,显示相应的内容。具体方法:注意:我的部分代码需要有 jQuery 的支持。首先 a页面的代码:HTML:<a href="b.html?tab=2">b_tab2.html</...
Deshun 发布于 7年前 (2018-06-26) 4764℃ 评论(0) 赞 (2)
Teleport 是一款非常优秀的网站离线浏览工具(即网站整站下载工具),但该软件下载的网页文件里会包含大量冗余代码(如:tppabs),手动去修改工作量很大。下面介绍如何通过软件进行正则表达式批量替换冗余代码。清除 tppabs 标签:html文件中:查找: \btppabs=...
Deshun 发布于 7年前 (2018-06-26) 13000℃ 评论(2) 赞 (21)
需要写一个下图这样的轮播效果,使用的是 Swiper 4.3 ,在使用过程中遇到了几个问题,记录一下。具体的初始化及使用方法请参见:Swiper4.x 使用方法 Swiper4.x API我首先想到的是使用 Swiper 的 Effect: ...
Deshun 发布于 7年前 (2018-06-22) 3528℃ 评论(0) 赞 (0)
关于使用 inline-block 来代替 float 的讨论也挺多的,最常见的就是使用 inline-block 来代替 float 进行布局。不过有一个问题,就是使用 inline-block 的元素之间会存在 4-5px 的空白间隙。今天就记录...
Deshun 发布于 7年前 (2018-06-20) 6089℃ 评论(0) 赞 (1)
在项目中经常遇到需要验证输入内容的情况,可以通过 Javascript 判断输入内容,验证手机号或者是否为汉字。简单的记录一下:HTML部分:<input type="text" name="name" id="name" placeholder="请输入您的姓名"...