随笔分类 - css/W3C
摘要:参考来源《Radial progress indicator using CSS》,该文核心是用纯CSS来做一个环形的进度条。纯css的意思就是连百分比这种数字,都是css生成的。文章作者采取的方式是生成100个span标签,然后为这100个标签生成100段css代码(用less生成,代码量倒不大,...
阅读全文
摘要:1,phonegap集成angular按照这篇文档的步骤:http://projectpoppycock.com/angularjs-phonegap-and-angular-seed-lets-go/首先,对windows用户而言,该教程中用到的是linux shell命令,需要了解一些shell命令与cmd命令之间的对照如果不用命令行,其实就是一些文件和复制和删除改名等动作,自己到资源管理器操作就行了。不过,如果你装过git for windows的话,会有一个bash环境,这些命令也是可以用的,建议装一个,会方便很多。1.1 安装phonegap,下载angular-seed项目npm
阅读全文
摘要:HttpKeep-Aliveseems to be massively misunderstood. Here's a short description of how it works, under both1.0and 1.1HTTP/1.0UnderHTTP1.0, there is no official specification for how keepalive operates. It was, in essence, tacked on to an existing protocol. If the browser supportskeep-alive, it add
阅读全文
摘要:原文地址:http://leyteris.iteye.com/blog/1107597想复制代码练习请点击原文。总是在github down点东西,github整个界面做的不错,体验也很好~对于其中的源代码滑动的特效最为喜欢了~刚开始以为这个只是普通的ajax请求效果,但是发现这个特效能够导致浏览器地址栏跟随变化,并且再点击前进后退按钮后又可以将代码滑回滑出~~于是乎就来研究下吧~一、通过锚点Hash实现: 在这方面其实国内很早就有做了,比如淘宝画报,通过的是在地址栏后面加#锚点实现的,浏览器是可以识别锚点为单位的历史记录的。但不是说页面本身有这个锚点,锚点的Hash只是起到一个引导浏览器将这
阅读全文
摘要:这两天花这上面的功夫太多了,就不试验是asp.net的原因还是本身就是ie7自身的原因了,问题是这样的: 原因需求是,点击提交按钮/链接,这时候会有大量的数据处理,耗时较长,客户要求点击后,要把该按钮灰掉,同时否掉了用一个半透明的弹出层并显示加载动画的方案,因为那样太“web2.0“了,哈哈,对于企业内部应用,有时候原始一些的手法更让人接受啊,我认为很简单,于是开干,当前,一个小插曲,进行一些关键...
阅读全文
摘要:很多情况下我们会碰到这样的情况,一个DIV,里面有一个table,这个table需要列很多很多的数据,有时候会超过容器的宽度,你设计div宽高的时候,把一切都计算进去了,并且让overflow-x的值为auto,以便让列长总和超过容器宽度的时候,能出滚动。这样设计以,为没问题了。 可是取数据一瞧,不对,因为有了横向滚动条,结果在IE里面连竖滚条都出现了,说明内容高度超过了容器高度。先看图 那么我...
阅读全文
摘要:之前写过一个让图片幻灯显示的效果,费了很大的劲,考虑到有很多地方有这样的需求,不如把它封装起来,再加之是自己开发的,最符合自己的需求,磕磕碰碰几天之后,ImgSlider插件诞生了,说明如下:1,没有做复杂的效果,所有的效果都是从右往左移动。 1.1多种动画效果已实现,发布在google code,2,自带预览图功能,半透明3,带额外的当前图片描述功能,与图片展示时一同出现,即同时有图片的tit...
阅读全文
摘要:为了做滚动的幻灯片,需要把图片一张张接起来,然后再逐张呈现,可是排列好后,每两张图中间出现了空白(padding,margin已经都是0),而且宽度不可知,这样用js来写动画的时候显然不好判断,于是google之,得到下面的解决办法,结合本人实际情况备注如下:1、将图片转换为块级对像即,设置img为:display:block;在本例中添加一组CSS代码:#sub img {display:blo...
阅读全文
摘要:浮动之所以加引号,是因为不是真的“浮动”,暂时找不到合适的词。准确表达,是一个容器,假如里面的元素是position:absolute的,或其它浮动情况,这个容器的就会坍塌,即高度不会包含浮动的元素的高度,以前很多人用的方法是加一个块级元素,然后让其clear:left,或者一个<br clear='both' />这样就会流动到浮动元素下面,而其父元素因为要把...
阅读全文
摘要:也不算什么结吧,被人家总结得很全了,转一下,那个黑框确实很破坏页面美感,除之而后快!前段时间在论坛上看到有关去除”链接/按钮”虚线框的讨论, 在这里把自己所知的方法记录一下, 并作出了对比.方法一: IE 下使用expression(this.hideFocus=true), firefox下使用outline: none; (除了FF下对按钮不生效, 其它均有效) 代...
阅读全文