css3实现iPhone滑动解锁
该效果的主要实现思路是给文字添加渐变的背景,然后对背景进行裁剪,按文字裁剪(目前只有webkit内核浏览器支持该属性),最后给背景添加动画,即改变背景的位置,背景动画效果如下(GIF录制时有卡顿,代码实现时不卡):最终效果:全部代码如下:!DOCTYPEhtml
html
head
style
p{
width:50%;
margin:0auto;
lin...
html5之touch事件
前言一个触屏网站到底和传统的pc端网站有什么区别呢,交互方式的改变首当其冲。例如我们常用的 click事件 ,在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的,于是,对于触屏的交互式网站,触摸事件是相当重要的。Apple在iOS 2.0中引入了 触摸事件API ,Android正迎头赶上这一事实标准,缩小差距。最近一个W3C工作组正合力制定这一 触摸事件规范 。规范这里我们介绍...
10个CSS3中的隐藏特性
概述:W3C正不断致力于为设计师、开发人员和用户开发新的CSS特性,最新的CSS3为web设计增添了许多令人惊叹的特性,下面我们就来看看你可能不知道的CSS3中的10个隐藏特性.CSS3为web设计增添了许多令人惊叹的特性,这其中你经常会用到box-shadow(图层阴影),border-radius(边框圆角),transform(变形)这一类受欢迎的常用特性。但是还有一些强大的功能,你可能没有...
事件冒泡的一些应用_利用事件冒泡处理多个事件
在做项目时,有这样一个需求,需要点击Input显示隐藏下拉面板,从中选择内容填充入文本框。最开始思路:(1)文本框与下拉面板作为一个整体,整体失去焦点后,隐藏下拉面板,不可行;(2)文本框正拥有焦点,此时点击面板,尝试先触发面板的点击事件再通过文本框的失去焦点事件以上思路最终均不可行,原因:(1)div没有获取焦点之说,何来失去焦点;(2)文本框触发焦点事件总是会先执行,面板隐藏后无法再触发其点击...