【H5系列之drag拖放】的更多相关文章

H5系列之drag拖放

H5中, 有个属性,draggable="true", 这个属性呢(默认false),需要加在标签上,加上去该标签就可以拖动了, 看下gif图吧 默认的标签,是不能拖动的,但是有两个标签是意外,img标签,和 a标签,默认就可以拖动. 浏览器兼容问题: w3c 是说 都支持, 但是据我实测, firefox 浏览器,在我这台机子上面是不支持的. 所以,使用的时候,注意一下,firefox 这个特殊的浏览器 好了,接下来,看看他还有些什么东西吧.拖拽div的时候,他身上能监听到三个事件…

H5系列之History（必知必会）

H5系列之History(必知必会)   目录 概念 兼容性 属性 方法 H5方法       概念     理解History Api的使用方式 目的是为了解决哪些问题   作用:ajax获取数据时,可以改变历史记录,从而可以使用浏览器的后退和前进.   []   规范地址: http://www.w3.org/TR/html5/history.html     [01]History 对象   []Window对象的history属性引用的是该窗口的History对象.   []Histor…

Silverlight & Blend动画设计系列八：拖放(Drag-Drop)操作与拖放行为(DragBehavior)

在Silverlight中自身并没有提供拖放功能的相关实现,要实现拖放功能得借助其事件支持(MouseLeftButtonDown.MouseLeftButtonUp和MouseMove)来完成,实际应用中我们可以通过行为(Behavior)特性将拖放操作封装为行为,这样可达到代码复用的效果.而在Blend中则直接提供了拖放操作行为,它位于Microsoft.Expression.Interactions.dll的Microsoft.Expression.Interactivity.Layout…

H5系列之地理位置（必知必会）

H5之地理位置必知必会     [02]概念   规范地址:http://www.w3.org/TR/geolocation-API/     HTML5 Geolocation(地理定位)用于定位用户的位置. 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置.鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的.   HTML5 Geolocation API 允许我们对喜欢的网站共享我们的位置.JavaScript 可以捕获到纬度和经度,还可…

H5系列之video自己编写控制栏

首先来了解一下 video, video呢,是H5 的标签,别人说的 H5播放器,没错 就是他了,利用video标签,可以实现视频播放. 但是啊,你会发现,在不同的浏览器上,播放器的 控制栏,都是不一样的.例如: 在不同的浏览器上, 显示不同的控制栏,这在公司开发,是绝对不允许出现的效果的. 所以,我们可以通过js控制video的方法,来进行自定义控制栏. 播放与暂停(video上面的方法,play() 和 pause()) 效果图如下: 代码如下(有带注释): <!DOCTYPE html>…

H5系列之canvas

what is canvas?(什么是canvas) 其实他只是H5里面的一个标签而已,那么他作为一个标签,肯定有他的用途,他就像是一幅画布,等待着你来作画.可以说,他只是一个容器而已,需要配合着JavaScript来进行绘制. 那么他能做些什么东西呢? 例如这个:http://www.yyyweb.com/demo/tearable-cloth/index.html 还有这个:http://canvasrider.com/tracks/409068 用处很多,但是用的最多的还是,简单的画个图形…

H5系列之常用的语义元素

H5添加了几个新标签,带有语义化的标签,像我们的div 和 span 标签,你说他两能干嘛呢, 好像他两什么事都能干.举个例子,你家里的房子,有几个房间,如果不分房间的话,是不是你 今天睡这里,明天睡另外一间房间,后天再睡另外一间房间, 是不是很乱呢?  的确是很乱,像我们的网页,比较复杂的网页,里面全都是用div来搭建,那怎么行呢,是不是有点分不清 这块区域是干嘛的, 那块区域是干嘛的?   所有才有了语义化的标签. 举几个常见的标签, ul li   这货一看,就知道他是列表吧.那么 img…

H5系列之新input

虽说H5 新填了几个很方便的input 类型,但是吧,想法是美好的,但是现实很残酷,兼容性不太好.基本只有google浏览器能用.但是既然出了,那么就要了解他,知道有这么一个东西就好. input类型: color date datetime datetime-local email month number range time url week color    兼容情况(支持:google,opera) 允许用户从取色器中选一个颜色 <input type="color"&…

H5系列一、静态页面总结

1.img父标签设置高度,如果容器没有设置高度的话,图片会默认把容器底部撑大几像素 -- 大概3px,给容器设置高度. 2.input标记换行后默认有一个间隙,设置float属性.input标记默认还有边框(2px),清除边框border:none/0. 3.搜索栏 <form> <input placeholder="SEARCH..." type="text" class="txt"/> <input type=…

H5系列之svg

svg呢,跟canvas其实都是用来画图的,只不过svg画的图,是矢量图,矢量图有个特点是,放大缩小,不会失真,canvas呢,是逐像素进行渲染的. 也就是,他依赖分辨率,会根据分辨率来决定图形是否清晰,还有,svg他毕竟是dom元素,所以他能触发事件,canvas一旦图形被绘制完成,它就不会继续得到浏览器的关注. 首先,使用svg简单的来画一条线. 使用line标签,进行画线 使用rect标签画矩形 所有整个图形,画出来的,都带有填充的,如果我们只是想要矩形的,并不想要填充怎么办呢? 使用ci…