javascript 鼠标滚轮事件

周末,今天阳光明媚的,周围也都呈现万物复苏的景象。坐在家里写代码着实有些浪费这大好天气。可是后来想想,没人陪一个人在外瞎逛也倒无趣。哎,孤家寡人呀。

手握鼠标,这篇文章就是说的是javascript 鼠标滚轮事件。为了这篇文章,我还在首页的轮播图放了一张自己做的关于鼠标滚轮事件的图,没有美术功底,图虽然不好看,但为了更加清晰的描述和强调本文的内容,后来还是硬着头皮放了上来。

全文»

fixed在网页的一些应用

fixed,生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置是通过 “left”, “top”,或者”right” 以及 “bottom” 属性来进行定位,随网页的滚动,定位元素的位置不发生改变,即固定定位。看过了很多网站,fixed不外乎就几种运用,包括以下三种:

全文»

css处理图片随网页缩放而自适应百分百显示

如今大背景图片布局越来越流行于各个网站,看效果,请参见网站: http://500px.com ,并请你缩放网页查看大背景图的变化,你会发现背景图片不会随网页的缩放而变小,最后像普通网页的大背景图一样在网页的空余地方露出白色区域,它而是出现一种类似自适应视窗大小背景图拉伸的效果。那么,这种css效果是如何做的呢?有几种方法呢?哪些方法有哪些兼容性问题呢?

哈,就目前我个人所知道的,有两种方法:css3和图片百分百宽高。

全文»

ie6(ie)浏览器不支持的一些CSS属性和解决方案

不要抱怨ie6和ie7,它们诞生的年代只是离现在有些遥远而已。切入正文,我们知道CSS2的一些属性在ie浏览器并不兼容,这篇文章主要介绍这些属性和针对ie6,ie7浏览器它们的解决方案!

全文»

拖拽的简易实现

经常在各大网站看到一些模块可以让用户自由拖拽,把网页的可操作性交给了用户。比如百度的登陆层,是可以实现拖拽的…那么这种拖拽是如何实现的呢?

现在,我们把拖拽特效的分解成几个动作。分别是鼠标按下,鼠标拖动过程,鼠标释放三个步骤,以下是它们的分部介绍:

全文»