摘要: 在一些手机网站上填表单时,如果表单比较长,在点击控件打算输入文字时控件就被虚拟键盘挡住看不见了。用户还要去滚动页面才能看到控件,但虚拟键盘又会因此消失。当再次得到焦点时候可能又发生同样的情况。这是非常糟糕的用户体验,所以需要对其改进。 虚拟键盘的弹出只非常暴力的,它直接遮在页面上出现,不会改变页面... 阅读全文
posted @ 2014-08-07 16:26 axl234 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 在网页上要操作文件通常会使用INPUT[type=file]控件,但这个控件的设计很蛋疼。它不像其它编程语言中文件选择后会触发一个事件,只是让上面的文字改变,而这个改变可能会触发change事件而已。对于文字没改变的选择,change事件则不会触发。 当INPUT[type=file]控件上已经选... 阅读全文
posted @ 2014-08-07 16:01 axl234 阅读(37596) 评论(0) 推荐(1) 编辑
摘要: 在低版本IE时代,我们想让数据根据其值显示不同的样式可能需要直接从服务器端输出时为不同的数据添加相应的class。但现在,通过属性选择器+伪元素+属性选择符,这三个东西混合使用就可以让数据根据其值以不同的样式显示,不需要再从程序控制样式。 现在有一堆数据,正数表示盈利,负数表示亏损。通常我们需要从... 阅读全文
posted @ 2014-08-07 15:16 axl234 阅读(1564) 评论(0) 推荐(0) 编辑
摘要: 对定位元素使用z-index属性可以直接对元素设置层次,它会在渲染时影响元素的遮盖顺序。但z-index属性仅对定位元素生效,那么对于非定位元素呢?实际上在非定位元素之间也有自己的层次设置方案,一些普通的属性就可以影响非定位元素的遮盖顺序。 通常,在文档中位置较后的元素会挡住较前的元素。运行 但... 阅读全文
posted @ 2014-08-07 15:07 axl234 阅读(382) 评论(0) 推荐(0) 编辑
摘要: jQuery中很早就提供了animate方法,使用它可以很方便地实现一些简单动画效果。后来CSS3中也提供了animation用于动画效果制作,但CSS本身的可操作性太差,所以用起来并不方便。现在最新版的Chrome原生支持了animate方法,弥补了CSS的操作缺陷。 元素上的animate方法... 阅读全文
posted @ 2014-08-07 15:03 axl234 阅读(619) 评论(0) 推荐(0) 编辑
摘要: 在一些类似于幻灯片之类的页面上,滚动条被限制为了每次滚动一个屏幕,也就是滚动幻灯片的一页。但浏览器并没有直接提供这样的功能,我们通常是通过程序控制来实现的。这样的程序并不困难,只要劫持鼠标滚轮事件,将其修改到自己需要的行为即可。 下面是一个简单地实现代码,这里没有考虑低版本浏览器的兼容,如果需要可... 阅读全文
posted @ 2014-08-07 11:18 axl234 阅读(2079) 评论(0) 推荐(0) 编辑