web前端
iteye_16561
这个作者很懒,什么都没留下…
展开
-
优化网站利器——跟着YSlow优化你的网站
前一阵子一直在忙碌一个小型公司网站,说实话这个网站并不大也没有什么特色,就是一般的企业门户网站,但是架设到虚拟主机上以后访问发现还是有很多需要优化的地方,主要参照Yahoo!开发的YSlow来实现网站的优化,浏览器选择FireFox。先贴上开始的YSlow分数,只有七十几分,评级为C,显然不能达到我的要求。查看YSlow的优化建议,发现几个分数比较低的选项,我们来分别罗列并且分析:...2011-10-10 20:49:41 · 118 阅读 · 0 评论 -
CSS参考手册v3.1.0 web前端开发参考手册系列发布
新增了动画CSS Animations Properties参考; 新增了规则@keyframes参考; 新增了部分属性的IE10支持; 修订了IE9对部分属性的支持问题; 修订了一些BUG; 补充修订了问题和经验列表; 感谢飘零雾雨童鞋的辛勤劳动和无私奉献。 链接地址: http://css.doyoe.com/...原创 2011-10-14 00:59:25 · 714 阅读 · 0 评论 -
CSS如何对文本内容进行换行
CSS换行用省略号代替,也可以说是长标题的文章可以使用简单的CSS样式实现省略号控制显示代码部分: 一般的文字截断(适用于内联与块):==============CSS================ .text-overflow{display:block;width:31em;word-break:keep-all;white-space:nowra...原创 2011-11-11 11:55:16 · 1291 阅读 · 0 评论 -
无尽旋转木马
今天在逛论坛时,发现很多新人在问用jquery如何编写一个”旋转木马”的切图效果。所以自己特意去写了一个demo,希望能帮到一些新人。思路:创建显示框DIV,设置overflow:hidden。在显示框中创建元素ul,将所有图片放在ul的li中,给元素li添加float:left。通过点击左右方向图标,改变显示框的scrollLeft。 如下图:J...2013-02-01 12:37:31 · 140 阅读 · 0 评论 -
简单的图片切换
今天写了一个jquery图片切换效果。实现效果的方法比较简单,写这个效果主要是用于巩固自己的jquery基础。该图片效果包含定时切换图片,下方菜单栏点击切换图片,鼠标放在显示框上时,停止自动切换图片。下面我来分享一下写这个效果的技巧。 思路:将图片插入在class为items 的div中,并将div的position设为absolute,添加到显示框中。点...2013-02-04 14:27:59 · 115 阅读 · 0 评论 -
fixed应用
今天在逛人人网时,发现人人网首页左侧的“应用动态”,随着我页面向下滚动,一直固定在网站的左侧。但这效果存在一点瑕疵,在拖动过程中存在一点抖动(ie下),不是非常平滑。我尝试使用jquey实现了该效果,也解决了抖动的问题。现在把它拿出来和大家分享一下。 人人网效果: 思路:创建一个ID为sideBar的div,将它的position设置为absolute。...2013-02-08 12:00:57 · 129 阅读 · 0 评论 -
CSS3超级大转盘
众所周知,现在各大主流网站上都或多或少地应用了CSS3动画效果,因为CSS3的动画效果所消耗的资源要比js动画效果消耗的资源要小很多,在我看来,CSS3的前景非常光明,所以今天我将模仿firfox首页的一个效果,带大家领略一下CSS3的强大之处。 实现的效果: 1.点击旋转时,转盘旋转到下一个板块。文字弹出框将下移并消失,然后再弹出。 ...2013-02-25 11:42:59 · 562 阅读 · 0 评论