banner

纯CSS导航下拉效果,神奇的定位与显示属性

导航下拉,大家首先想到的是用JS来做。或许是大家看到的下拉菜单演示,多是JS控制的下拉,导致从先入为主的意识上,误以为二级下拉是很难的东西,必须要会Javascript才能做。

其实,一个简答的下拉效果,根本不需要JS也能做。比如,我目前在用的Yuan,以及之前用的趣儿等,所用的下拉,都是利用CSS来做,而且还是CSS2,兼容性也不错(除了IE6)。

纯CSS导航下拉效果,神奇的定位与显示属性
12 2015/06/05 05 前端开发

用JSON获取Bing每日背景图片

[较为靠谱的方法 - To:2017-07-19更新 - 忘了兼容https]经过访问BING的网址最终发现,bing中文网一直在提供每日更新背景图片壁纸的json数据。访问网址:http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1根据上面地址的结构,我暂时研究到就三项属性有效,他们分别是1、format,非必要。我理解为输出格式,不存在或者不等于js,即为xml格式,等于js时,输出json格式;2、idx,非必要
16 2015/03/28 28 前端开发

橙色阳光主题下纯CSS时间轴页面使用方法

其实在我之前发布的文章中,都有纯CSS时间轴调用方法的说明,今天在这里主要是规范的发布使用方法说明。

关于时间轴的实例,大家先看一下我主题的单独页面:我的时间轴

效果如图所示:

橙色阳光主题下纯CSS时间轴页面使用方法
0 2014/10/19 19 前端开发

前端公共库CDN加速可用列表-20140802

近段时间在网上搜罗的一些在国内还能够很好加速的CDN公共库,用这些公共库更能快速的打开网页,而且如果访问者之前访问的网站采用了和你网站一样的CDN公共库,那么在访问者的电脑上是存在缓存的,能够减少加载JS库的时间。

0 2014/08/02 02 前端开发

[学习笔记]怎么制作纯CSS圆角

这篇文章主要是用于留作笔记,以及给一些没接触过的朋友做一个了解。笔记的内容主要是讲解规范写法,以及我们容易误解的地方。

CSS做圆角,主要利用的就是CSS3中的border-radius属性来做的。

[学习笔记]怎么制作纯CSS圆角
8 2014/07/21 21 前端开发

纯CSS时间轴实现的办法,超简单的!

在以往,如果要在网页上,实现时间轴效果,我们需要使用jQuery来实现。虽然jQuery十分的漂亮美观,但使用方法来说,太麻烦了。而我们现在通过css3就可以时间一个简单漂亮的时间轴制作了,我现在将我研究的css时间轴制作的方法放上来,给大家参考一下。


纯CSS时间轴实现的办法,超简单的!
8 2014/07/18 18 前端开发