![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
编程技术
iteye_21294
这个作者很懒,什么都没留下…
展开
-
web性能优化之GZIP压缩
以前做网站维护的时候有接触过GZIP压缩,这里具体谈谈GZIP压缩原理及使用GZIP优化网站性能。GZIP,即网页压缩,是由WEB服务器和浏览器之间共同遵守的协议,也就是说WEB服务器和浏览器都必须支持该技术,而现在主流的浏览器都是支持的,包括IE、FireFox、谷歌浏览器、Opera 等。常见的WEB服务器有Apache 和IIS 等。双方的协商过程如下:1、首先浏览器请求某个...2011-06-06 21:16:37 · 117 阅读 · 0 评论 -
slider效果应用,合理利用页面布局
曾经在一个网上订餐网站上看到一个不错的应用,进而抽时间模仿了这个效果,挺不错的。^_^。在一些需要填写简单表单数据的模块可以使用这个效果来为用户提供便捷,同时也节省了页面的空间。如贺卡发送就可以在贺卡预览图下面加入发送按钮,点击之后在贺卡预览图区域弹出图层填写需要的必要信息就可以发送。下面是如实模仿订餐网站的其中一个模块。[img]http://www.lav.so/upload/201010...2011-06-07 15:21:01 · 122 阅读 · 0 评论 -
交叉滚动带来的视觉效果
曾经看到一个网站,利用不同的png图片交叉水平滚动带来的那种逼真感,或许在FLASH里面很常见,但是利用javascript来实现那就不常见了。jquery给我们带来了很多的便利,同样也让我们的网站变得越来越复杂,效果越来越震撼。单一的水平滚动效果或者垂直滚动效果现在已经应用很广了,之前发过一篇文章《[url=http://www.lav.so/?aid=28]滚动效果在网站中的应用[/url]》...2011-06-08 09:28:47 · 120 阅读 · 0 评论 -
利用z-index层级实现IE6中fixed效果
通常在做一些工具条的时候,使其固定在页面的指定位置,如顶部、底部等,并且不会随着滚动条的改变而改变,做前端的应该都知道,在除IE6外的浏览器中可以使用CSS的fixed属性。而在IE6中的解决办法大部分使用脚本来动态的更改工具条的位置,在效果上并没有fixed的效果好,在滚动条的时候会出现短暂的闪烁。周末在家使用电脑的时候,发现显示器右下角的图标并不会随着浏览器的滚动条的改变而改变,始终保持在显示...2011-06-09 14:25:20 · 111 阅读 · 0 评论 -
让scroll事件在滚动条停止时响应
用过scroll事件的人都知道,在每次拖动滚动条的时候会相应的事件会相应多次,而在大多数情况下我们都只希望它在滚动条停止滚动的时候 响应。经过多次测试,终于发现了一个比较好的解决方案,那就是通过setTimeout,给scroll加个延迟。例如用jQuery为页面加入 scroll事件,可以这样写:[code="js"] var timeout = false; $(wi...2011-06-10 09:28:01 · 1470 阅读 · 1 评论 -
由酷狗官网界面改造成的焦点新闻插件
焦点广告插件,之前最熟悉的莫过于FLASH制作的,结合JS调入数据,定时进行切换,同时也能根据自己需要选择。而现在随着jquery的应用,类似焦点广告等插件都是使用JS来实现,相信大家也看到过很多类似的插件,如土豆、奇艺等网站,在页面固定的位置放置多个信息进行轮换,以达到用最少的空间展示更多的内容。最近看到酷狗播放器7的界面不错,也看了下其官网,发现首页焦点广告的制作显得过于粗糙,而且在首页停留时...2011-07-01 08:27:56 · 129 阅读 · 0 评论 -
网站metro风格正式发布
经过一个多月的努力,终于完成网站metro风格化的调整。这次升级中,也是对compass及coffeescript的一种尝试,整体效果还是比较满意。后期会还将对网站功能进行调整及丰富,也将会共享一些coffeescript代码。 这次升级在功能上没有做大的改动,主要是视觉方面的。尝试了新的前端开发方法。放弃了对ie6的支持,也算是为消灭ie6做点贡献! ...原创 2012-10-24 23:50:13 · 133 阅读 · 0 评论 -
一个响应式网站设计
从百度搜索来看,响应式Web设计(Responsive Web design)的理念是集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。这里我要说的这个网站,可能不全完全说是响应式WEB设计,整个设计过程中放弃了一些小分辨率的响应,不过整体效果在大部分情况还是挺不错的。整个网站还有一个亮点就是生动背景的使用,使得整个网站...2014-09-21 17:37:42 · 135 阅读 · 0 评论