首页 相关文章 html5指南-3.如何实现html元素拖拽功能

html5指南-3.如何实现html元素拖拽功能

本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽,需要借助js,现在html5内部就支持了拖拽的功能,但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。
1.创建拖拽对象
我们可以通过draggable属性告诉浏览器,哪些元素需要实现拖拽功能。draggable有三个值:true:元素可以被拖拽;false:元素不能被拖拽;auto:浏览器自己判断元素是否能被拖拽。
系统默认值是auto,但auto情况下浏览器对不同元素拖拽功能的支持是不一样,如:支持img对象,不支持div对象。所以,如果需要拖拽一个元素,最好还是把draggale设置为true。下面我们看一个例子:

代码如下:

!DOCTYPE HTML
html
head
titleExample/title
style
#src *
{
float: left;
}
#target, #src img
{
border: ...[ 查看全文 ]

2016-02-19 标签:

html5指南-3.如何实现html元素拖拽功能的相关文章

手机页面
收藏网站 回到头部