基于锚点的CSS相册设计原理

发布时间:
2011-11-23 9:44:44

从开始关注HTML5 & CSS3开始,又重新从网上Download资源来学习(为前Download下来的教程因硬碟破坏而丢失)。今天看到一教程讲到的基于锚点的CSS相册感觉其原理或者一些关于运用CSS进行设计时候的思路灵感对于便捷的构建网页或所需功能是会有很大的帮助,因此,在学习扩展思维的同时,记录下基于锚点的CSS相册设计原理供以后设计开发过程中能够有所参照。

基于描点CSS相册

图:基于描点CSS相册

相册在很多网页中都有运用到,如个人博客 新闻 图片等需要调用到图片的地方均能看到其身影,对于大部分是运用Javascript便能很方便的开发出来,但是网页中过多的Javascript语言会影响到网页的性能与加载。为此基于描点CSS相册便更有优势。同时作为SEO博客来讲也是有好处的。

闲话不多说,基于描点CSS相册的设计原理是对图片列表相对容器设置noflow:hidden再用描点链接便能够实现相册。

代码就不发了,已经把写的上传到空间,有兴趣的朋友请访问:

http://www.pusonglin.cn/mycode/2011-11-23

你可能感兴趣的文章:

  • 暂无相关文章

共有 0 条评论

You must be logged in to post a comment.