归档: 2017/6

css实现鼠标悬浮字体流光背景模糊效果

写在前面有的时候感觉写点小玩意儿挺开心的,还能实践很多的小知识点,所以这次学着写了个有趣的鼠标悬浮模糊效果,只使用了css额。 效果图 源码地址→传送门 预览地址→传送门 小知识点filter: blur(npx); 这个过滤器用来将图片模糊,但是兼容性不太好,n代表模糊度,值越大越模糊。 background-clip: text; background-clip是用于背景图片的裁剪,决定背景

原生JS实现省市区(县)三级联动选择

写在前面前段时间写一个关于天气的东西,里面的省市区(县)城市选择让我很头疼,在网上搜索出来大都是借助插件或者第三方库,感觉这样做代码会很重,所以索性就把几种城市选择的方式实现一遍,以备日后的不时之需。这三种方法都是针对pc端的,并且都是使用原生js实现的,连jq都没使用,于是代码有点繁琐额(尴尬)。。。。不过还是让我把原理讲完吧。 源代码地址→传送门 预览地址→传送门 方法一:下拉选择框实现省市

select表单元素详解及下拉列表模拟实现

写在前面select 是HTML表单元素中很常用的一个,其中很重要的几个属性常被忽略,但这几个属性却能帮助我们完成很多的功能,当然,select下拉列表默认样式很不友好,所以更多的时候可以自己模拟实现一个同样功能的下拉菜单。下文先介绍select标签的一些属性及使用,后面再模拟一个相同效果的下拉菜单。 介绍之前先看下demo预览图: 1.firefox下select的默认样式: 2.chrom