文章关键字 ‘绝对定位’

MooTools下简易自定义滚动条小插件

2011年04月18日,星期一

由于jQuery自身没有wheel事件滚轮事件,懒得折腾,所以这里只写了MooTools库下是简易自定义滚动条。此自定义滚动效果比较简单,就点击滚动条拖移和鼠标滚轮滚动两个效果。
本文提供必要的demo页面以及源代码下载,另外简单展示了该小插件的使用,并分析了其一些不足和适用情况,内容相对较少。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS 相对/绝对(relative/absolute)定位系列(二)

2010年12月26日,星期日


本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第二篇,文章通过三个事例展示了absolute绝对定位布局一些替换的实现方式;点明了absolute属性与left/top等属性之间的关系,再一次提及了absolute属性与float:left的近亲关系。最后表达了自己absolute元素应该放在body标签内的观点。这些就是本篇的主要内容。内容阐述方便很详尽,丰富的截图,必要的源代码展示,以及非常专业的demo实例页面。总之,希望能对您的学习有所帮助。

阅读全文…

CSS 相对|绝对(relative/absolute)定位系列(一)

2010年12月9日,星期四

本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第一篇,大部分的内容被理论观点和题外话给占据了。本文主要内容就是分析了absolute与浮动之间的关系,一些典型的特性。还阐述了自己尽量不要使用absolute属性做普通DOM布局的观点。相对于本篇的文字量,图片啊代码啊以及demo相对少了写,但是,应该不会影响您的阅读与理解的。本文书写还是花了好些功夫的,力求准确表述自己观点的同时语言通俗生动。总之,希望本文能对您的学习有所帮助。

阅读全文…

CSS3+js实现多彩炫酷旋转圆环时钟效果

2010年08月9日,星期一

圆环时钟效果截图 张鑫旭-鑫空间-鑫生活

本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值,不过对于熟悉CSS3的旋转属性,以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载,代码展示,以及必要的demo。希望能对您的学习有所帮助。

阅读全文…

拾人牙慧 – CSS3实现Opera浏览器的logo

2010年08月7日,星期六

CSS3实现Opera浏览器的logo

本文纯粹的展示如何使用CSS3实现高逼真的Opera浏览器的logo效果,当然,如果您关注CSS3,也一定可以从中学到不少CSS3方面的知识的。延续我一贯的文章风格,丰富的截图,丰富飞代码展示,外带源文件打包下载。总之,希望能对您的学习有所帮助。

阅读全文…

CSS实现跨浏览器的box-shadow盒阴影效果(2)

2010年07月27日,星期二

我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章——“CSS实现跨浏览器兼容性的盒阴影效果”,本文虽然题目类似,但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜,但是使用的是shadow滤镜,这种滤镜的效果很牵强,效果过渡不自然,而本文实现的IE下的盒阴影效果就相对非常自然,而且还支持内阴影的UI表现。

本文提供各个效果截图,提供丰富飞实例以及代码展示,希望能对您的学习有所帮助。

阅读全文…

absolute绝对定位的非绝对定位用法

2010年01月29日,星期五

“无定位值的absolute元素就是个连实际宽度也没有的float浮动元素”,如果您不知道我这句话说的是什么乱七八糟的东西,那您可能有必要读一读本文了,本文分析了absolute的一些另类的应用,即未脱离DOM tree的一些应用。提供详尽的插图以及demo页面,希望对您的学习有所帮助

阅读全文…

jquery之图片左右切换动画效果

2009年08月31日,星期一

我很喜欢jQuery,因为我发现只要我对css的了解的足够深入,即使我JavaScript不是很在行,一样能做出些不错的动画效果。这里所要展示的是很常见的一种JavaScript特效,在很多地方可以见到,新浪音乐首页就有这种类似的效果。原理是一样的,具体实现可能有差异,如果纯粹的JavaScript写,我估计要整好一会儿,但是使用jQuery,实现这类动画效果就像是踩棉花一样——松松的。
在本实例中,具体描述这个效果就是,您单击上面的小图,下面的大图就会迅速切换到对应的大图,而这个来回移动的效果是很酷的。
提供实例效果演示页面,提供源文件打包下载,希望对您有所帮助。

阅读全文…