亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

html5 drag網頁圖片拖動的例子

2024-09-05 12:18:49

字體：大中小

來源：轉載

供稿：網友

圖片拖動代碼，html5 drag網頁圖片拖動的例子，可將圖片從一個方框拖放到另一個方框中，還可以顯示出這張圖片的路徑，HTML5代碼，筆者也在不斷摸索中，希望這個代碼對你學習HTML5有幫助。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>html5 drag網頁拖動的例子</title><style>@CHARSET "UTF-8";#leftbox{	float:left;	width:250px;	height:250px;	margin:5px;	border:3px solid blue;}#rightbox{	float:left;	width:250px;	height:250px;	margin:5px;	border:3px solid green;}</style><script>function doFirst() {	mypic = document.getElementById("facepic");	mypic.addEventListener("dragstart", startDrag, false);	mypic.addEventListener("dragend", endDrag, false);	leftbox = document.getElementById("leftbox");	leftbox.addEventListener("dragenter", dragenter, false);	leftbox.addEventListener("dragleave",dragleave, false);	leftbox.addEventListener("dragover", 	function(e){e.preventDefault();}, false);	leftbox.addEventListener("drop", dropped, false);}function startDrag(e) {	var code = '<img src="http://www.aspku.com../image/2.png"/>';	e.dataTransfer.setData("Text",code);}function endDrag(e) {	pic = e.target;	pic.style.visibility = 'hidden';}function dragenter(e) {	e.preventDefault();	leftbox.style.background="SkyBlue";	leftbox.style.border="3px solid red";}function dragleave(e) {	e.preventDefault();	leftbox.style.background="White";	leftbox.style.border="3px solid blue";}function dropped(e) {	e.preventDefault();	leftbox.innerHTML=e.dataTransfer.getData('Text');}window.addEventListener("load",doFirst,false);</script></head><body >	<section id="leftbox">	I dare you to ddrag an image in me!	</section>	<section id="rightbox">	<img id="facepic" src="/d/file/p/2024/09-05/0d1d916c7bd107cdfd9f9639f3bac7d4.jpg"/>	</section></body></html>

上一篇：CSS3文本框中的占位符演示示例

下一篇：html5 canvas實例碰撞檢測撞球示例

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

97热在线精品视频在线观看| 亚洲自拍偷拍视频| 欧美xxxx18性欧美| 69av视频在线播放| 欧美激情三级免费| 国产精品jvid在线观看蜜臀| 日韩在线观看电影| 美女啪啪无遮挡免费久久网站| 久久不射热爱视频精品| 中文字幕精品久久| 91精品久久久久久久久不口人| 国产精品jizz在线观看麻豆| 欧美激情性做爰免费视频| 日韩一二三在线视频播| 亚洲精品黄网在线观看| 琪琪第一精品导航| 美日韩在线视频| 日本一区二三区好的精华液| 福利一区视频在线观看| 日韩电影免费观看在线| 色妞一区二区三区| 欧美性一区二区三区| 欧美精品一区三区| 色婷婷综合成人av| 国产精品视频公开费视频| 国产精品无码专区在线观看| 岛国av在线不卡| 成人网在线免费看| 日韩在线观看网址| 色噜噜亚洲精品中文字幕| 久久久久五月天| 国产精品久久久久久久午夜| 亚洲欧洲日产国产网站| 亚洲欧洲中文天堂| 日韩av在线电影网| 高清一区二区三区四区五区| 亚洲区一区二区| 日韩一区在线视频| 最近中文字幕日韩精品| 欧美性xxxx极品hd满灌| 日韩精品视频在线免费观看| 国产成人精品综合| 麻豆成人在线看| 81精品国产乱码久久久久久| 日韩国产在线播放| 91大神福利视频在线| 91国语精品自产拍在线观看性色| 中文国产成人精品| 亚洲欧洲成视频免费观看| 亚洲国产欧美在线成人app| 97av在线播放| 欧美有码在线观看| 亚洲美女精品久久| 久久国产精品偷| 久久久久久18| 日韩精品久久久久久福利| 亚洲a∨日韩av高清在线观看| 国内精品一区二区三区| 亚洲最大福利视频网站| www.亚洲人.com| 在线日韩精品视频| 青青久久av北条麻妃黑人| 欧美黄色片视频| 亚洲黄色片网站| 国产91在线高潮白浆在线观看| 精品久久国产精品| 久久精品99久久香蕉国产色戒| 日韩电影在线观看永久视频免费网站| 亚洲va欧美va国产综合久久| 国产成人一区三区| 国产精品成熟老女人| 日韩精品亚洲精品| 1769国内精品视频在线播放| 日本aⅴ大伊香蕉精品视频| 欧美成人午夜激情视频| 欧美亚洲视频在线看网址| 欧美成人h版在线观看| 全亚洲最色的网站在线观看| 欧美性极品少妇精品网站| 秋霞成人午夜鲁丝一区二区三区| 亚洲欧洲偷拍精品| 国产精品盗摄久久久| 欧美三级欧美成人高清www| 在线日韩精品视频| 成人做爽爽免费视频| 久久久亚洲精选| 97在线免费视频| 精品无人区乱码1区2区3区在线| 成人久久久久爱| 久久久久国色av免费观看性色| 精品视频在线播放免| 日韩经典一区二区三区| 欧美成人久久久| 亚洲第一网站男人都懂| 亚洲最新av网址| 少妇高潮久久77777| 欧美黄色三级网站| 97人人爽人人喊人人模波多| 精品亚洲国产成av人片传媒| 91精品在线影院| 精品美女久久久久久免费| 国产日产亚洲精品| 日韩美女激情视频| 色先锋久久影院av| 精品久久久久久久久久久久| 亚洲欧美在线磁力| 久久亚洲精品网站| 欧美精品情趣视频| 亚洲国产精品悠悠久久琪琪| 日本视频久久久| 欧美猛男性生活免费| 国产精品丝袜视频| 国产精品自产拍在线观| 亚洲精品视频在线观看视频| 久久男人资源视频| 亚洲午夜未满十八勿入免费观看全集| 不卡av日日日| 日本久久久久久久久| 91日本在线观看| 91日韩在线视频| 日韩综合视频在线观看| 亚洲激情电影中文字幕| 亚洲精品视频在线播放| 欧美另类69精品久久久久9999| 国产精品成人v| 91成人国产在线观看| 亚洲第一av网| 国产91色在线|免| 亚洲免费影视第一页| 性金发美女69hd大尺寸| 国产精品一区二区三区久久| 亚洲在线视频福利| 日韩亚洲精品电影| 亚洲黄色av网站| 国产精品欧美激情| 国产有码一区二区| 国产成人av网址| 久久成人精品视频| 日产精品久久久一区二区福利| 亚洲九九九在线观看| 欧美午夜丰满在线18影院| 欧美日韩在线影院| 亚洲精品福利视频| 国产精品一区二区三区毛片淫片| 久久99久国产精品黄毛片入口| 欧美大尺度在线观看| 欧美在线一级视频| 久久夜色精品国产亚洲aⅴ| 午夜精品一区二区三区av| 欧美性在线视频| 日本高清+成人网在线观看| 精品久久中文字幕| 国产91精品高潮白浆喷水| 亚洲精品成人久久久| 精品国产福利在线| 992tv成人免费影院| 亚洲区bt下载| 欧美性20hd另类| 伊人伊人伊人久久| 亚洲精选一区二区| 2019中文字幕在线免费观看| 日韩在线视频播放| 日韩电影中文字幕av| 日韩欧美在线观看|