资深前端一般都享受过jQuery选择器的“方便”,那么CSS样式层面有没有类似的选择器功能呢?答案是肯定的。CSS的世界绝不仅仅是固有的html标签、id和class那么单调,它也拥有多种选择器,CSS3选择器更是丰富。如果你还在为各种class命名发愁,而不知CSS选择器为何物,或者不知道怎么用的话,请一定看完这篇文...
用CSS3构画出一个打火机好像没什么问题,但要能打开还带有逼真的跳动火焰,这样就有点酷了。今天分享这款CSS3动画特效,它就是一个可以点燃的打火机,当你用鼠标滑过这只打火机时,打火机就会打开,然后开始出现火焰燃烧的动画特效。需要强调的是,整个动画都是由纯CSS3样式实现,没有一行JS代码,小伙伴们,这个火焰动画是不是很...
前端实际应用中更容易用到的CSS3选择器是:first-child和:last-child,它们的作用分别是选取第一个和最末一个子元素。而实际上它们还有一个功能上更强大的兄弟选择器,:nth-child(n 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n可以是数字、关键词或公式。除了 IE8 及更早的版...
使用jQuery对checkbox类型的input进行操作是一个难点和重点,很多前端新手对其了解不是很透彻。时间久了不用,很多资深前端在实践中有时也难免对某些操作模棱两可,记不清楚,那么今天小编就对其做一些简单的总结,希望能帮到大家。首先我们来看jquery对checkbox赋值checked选中的几种方法:$(&qu...
本站前面分享过最靠谱的判断浏览器类型JS方法,今天要分享的是判断微信内置浏览器的JS代码方法,原理是通过判断UA中是否有关键字micromessenger,有的话就是微信内置浏览器。以下为实例,这也是腾讯微信官方某些网页用的判断代码:<!DOCTYPE html> <html> &...
伪静态是相对真实静态来讲的,通常是为了增强对搜索引擎的友好度,伪静态URL相对于动态URL更利于搜索引擎收录处理,也就我们常说的SEO更友好。ZblogPHP程序默认没有生成静态功能,但提供了伪静态设置,通过程序自带的静态管理中心插件进行配置,这个插件会在用户成功安装ZblogPHP系统后默认启用。需要注意的是,使用伪...
Web开发者一般都知道不同的浏览器拥有不同的属性和特征,通常判断浏览器类型我们会用到获取浏览器UserAgent参数的方法,JS代码一般这样写:<script> var explorer = window.navigator.userAgent ; &nb...
网页设计中千篇一律的分页按钮样式,难免会让人产生视觉审美疲劳。现在我们就来分享一款漂亮的分页样式,以下是带3D效果分页导航按钮CSS3代码实例全部代码:<!DOCTYPE html> <html> &n...