CSS3 calc实现滚动条出现页面不跳动

当页面内容动态加载,开始没有滚动条,内容增多后出现滚动条,这时使用固定宽度居中对齐布局会向左偏移一个滚动条宽度。解决方法可以给内容全部添加overflow-y:scroll;或者是根据内容用css填充好再补充内容。本文介绍的是calc来计算滚动条宽度,当有滚动条时,内容外部也给它模拟一个滚动条宽度,因而就不会偏移了。

JavaScript防止网页被iframe嵌套

发现前端博客被很多iframe嵌套了,而且很可恶的是谷歌竟然收录了他们的页面,谷歌会直接查询iframe里面的代码,有的排名还不错,这是无法容忍的。下面支招加一段JavaScript代码在头部里,即可防止被人用iframe来使用你的网页了。

点击页面计算点击次数特效

在我的博友无主题那里看到的一个特效,就是点击网页,会出现一个计算页面点击次数的特效,感觉挺有意思,跑去看看他的代码写法,然后我发现代码的效率还有改进的地方,于是我就手动修改了一番,一起来看看我的代码是怎么写的。 原来代码 <scrip ...

神奇的纯CSS图标

神奇的纯CSS图标
使用纯CSS的伪元素来创建简单的图标,这是一个比较有创意的做法,正如你在本站看到的评论数图标就是用:before和:after来制作的,下面分享一个国外的朋友制作了84个常用图标,一起来体验神奇的CSS图标。

CSS3 calc() 会计算的样式

CSS3 calc() 会计算的样式
calc()是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()计算border、margin、pading、font-size和width等属性设置动态值。

jQuery日期联动插件

在前端开发制作中,我们经常用到的一个功能,就是jQuery日期联动效果,本jQuery日期联动插件支持选择年月日,并且可以设置最大年份,选择对应的月数后,则对应日期。附带demo和下载,希望你有所收获。 /* * jQuery Date S ...

APICloud Javascript Library

/* * APICloud JavaScript Library * Copyright (c) 2014 apicloud.com */ (function(window){ var u = {}; var isAndroid = (/a ...

Zepto源码注释

/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */;(function(undefined) { if ( ...

jQuery面向对象插件开发实例写法

jQuery面向对象开发的模式使我们的jQuery代码看起来思路清晰,不但有利于复用,甚至对程序的性能起到优化作用,一个好的面向对象写法能够帮助你快速入门jQuery插件开发。 所以最后我们的插件成了这样: ;(function($, wi ...

jQuery中使用ajax对表单数据进行异步验证

在网页中使用Ajax可以让网页的响应更快,通过异步地向服务器发送请求,不需要重新载入页面,提升了用户的体验。 在jQuery中使用Ajax基本格式为: $('#button').click(function(){ var data = $( ...