利用CSS变量实现炫酷的悬浮效果
1Deshun 发布于 6年前 (2018-07-02) 3341℃ 评论(0) 赞 (2)
最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我...
Deshun 发布于 6年前 (2018-07-02) 3341℃ 评论(0) 赞 (2)
最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我...
Deshun 发布于 6年前 (2018-06-28) 4782℃ 评论(0) 赞 (2)
a页面有个链接,点击后跳转至 b页面的某个 tab 上,显示相应的内容。具体方法:注意:我的部分代码需要有 jQuery 的支持。首先 a页面的代码:HTML:<a href="b.html?tab=2">b_tab2.html</...
Deshun 发布于 6年前 (2018-06-26) 4351℃ 评论(0) 赞 (2)
Teleport 是一款非常优秀的网站离线浏览工具(即网站整站下载工具),但该软件下载的网页文件里会包含大量冗余代码(如:tppabs),手动去修改工作量很大。下面介绍如何通过软件进行正则表达式批量替换冗余代码。清除 tppabs 标签:html文件中:查找: \btppabs=...
Deshun 发布于 6年前 (2018-06-26) 12227℃ 评论(2) 赞 (21)
需要写一个下图这样的轮播效果,使用的是 Swiper 4.3 ,在使用过程中遇到了几个问题,记录一下。具体的初始化及使用方法请参见:Swiper4.x 使用方法 Swiper4.x API我首先想到的是使用 Swiper 的 Effect: ...
Deshun 发布于 6年前 (2018-06-24) 6720℃ 评论(0) 赞 (4)
我的服务器是用的Windows Server IIS10,也是刚刚搬过来不久,之前HTTPS是验证通过的。因为我比较懒,所以用的“BT面板”,设置了SSL和强制HTTPS,好像并不怎么理想。今天发现我网站的百度HTTPS验证不通过,应该是搬过来之后,配置没有达到标准。找了很多种方...
Deshun 发布于 6年前 (2018-06-23) 7053℃ 评论(0) 赞 (0)
今天发现百度的HTTPS认真被下了,多次认真都是提示验证未通过。我也多次排查,确定了强制HTTPS和301重定向,手动测试也确实可以正常跳转,但依旧验证不通过。如果您也是IIS服务器,推荐您参考这篇文章配置HTTPS强制跳转(如果需要的话):宝塔面板 IIS10 利用web.co...
Deshun 发布于 6年前 (2018-06-22) 3093℃ 评论(0) 赞 (0)
关于使用 inline-block 来代替 float 的讨论也挺多的,最常见的就是使用 inline-block 来代替 float 进行布局。不过有一个问题,就是使用 inline-block 的元素之间会存在 4-5px 的空白间隙。今天就记录...
Deshun 发布于 6年前 (2018-06-20) 5599℃ 评论(0) 赞 (1)
在项目中经常遇到需要验证输入内容的情况,可以通过 Javascript 判断输入内容,验证手机号或者是否为汉字。简单的记录一下:HTML部分:<input type="text" name="name" id="name" placeholder="请输入您的姓名"...
Deshun 发布于 6年前 (2018-06-16) 4070℃ 评论(0) 赞 (0)
ColorZilla是一款很流行的浏览器插件,它可以从浏览器的任意位置获取颜色读数,快速调整此颜色并将其粘贴到另一个程序中。为了方便大家,我在这提供 ColorZilla 的更新和下载。官方介绍:ColorZilla是Chrome浏览器最受欢迎的Firefox开发人员扩...
Deshun 发布于 6年前 (2018-06-14) 3633℃ 评论(0) 赞 (0)
在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下:Javascript方法获取:document.body.clientWidth //网页可见区域宽 document.body.clientHeight //网页可见区域高 document.body.offsetWidth //网页可见区域宽(包括边线的宽) document.body.offset...