checkbox全选反选功能

checkbox全选反选功能

这是我之前写的一个全选反选函数,今天拿出来改了一下,想想就发出来了。 其实可以不用jQuery的,不过,用jQuery的选择器要快一些,错误率低一些。

让SyntaxHighlighter插件在Ajax下也能正常高亮

让SyntaxHighlighter插件在Ajax下也能正常高亮

最近在给自己做一个代码整理仓库,在列表页面中,采用了Ajax加载文章。因为代码仓库的文章中有大量的代码演示,所以采用了经典的SyntaxHighlighter做代码高亮渲染。在这里,我不得不承认SyntaxHighlighter是一款优秀的代码高亮插件。

jQuery栅格效果轮播插件osSlider - 1.0

jQuery栅格效果轮播插件osSlider - 1.0

osSlider--栅格切换效果插件插件总共有三种大效果,7种综合效果。没有左右切换,源文件有中文注释(毕竟是我原创的……)。经测试,目前插件支持ie8+、chrome、firefox等常见浏览器。

纯Javascript实现淡入淡出效果

纯Javascript实现淡入淡出效果

说到js的渐变显示与消失,多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果,而去调用了庞大JQuery库,会不会显得有些累赘了?所以,我简单的研究了一下纯js代码写淡入淡出的效果。

CSS响应式栅格布局中边距与百分比配合

CSS响应式栅格布局中边距与百分比配合

在平日的网页响应式布局中,经常遇到需要在一个未知宽度的div块中,平放N个宽度一样的块。或许,网络上各种框架已经提供了方案,但其中的基本原理,我们还是需要研究的。

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

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

导航下拉,大家首先想到的是用JS来做。或许是大家看到的下拉菜单演示,多是JS控制的下拉,导致从先入为主的意识上,误以为二级下拉是很难的东西,必须要会Javascript才能做。其实,一个简答的下拉效果,根本不需要JS也能做。比如,我目前在用的Yuan,以及之前用的趣儿等,所用的下拉,都是利用CSS来做,而且还是CSS2,兼容性也不错(除了IE6)。

用JSON获取Bing每日背景图片

用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,非必要

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

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

其实在我之前发布的文章中,都有纯CSS时间轴调用方法的说明,今天在这里主要是规范的发布使用方法说明。关于时间轴的实例,大家先看一下我主题的单独页面:我的时间轴效果如图所示:

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

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

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

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

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

这篇文章主要是用于留作笔记,以及给一些没接触过的朋友做一个了解。笔记的内容主要是讲解规范写法,以及我们容易误解的地方。CSS做圆角,主要利用的就是CSS3中的border-radius属性来做的。