📄 dragable.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<!-- 安装 随处拖放的图文:

   1.  把数据复制到你的Html文件的Head标记下
   2.  把数据复制到你的Html文件的Body标记下   -->

<html>
<head>
<title>dragable images</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


<!-- 步骤一: 把以下数据复制到你的Html文件的Head标记下  -->
<style type="text/css">
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--

var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->

</script>
<meta name="keywords" content="拖动 dragable drag images pictures dragme">
<meta name="description" content="用鼠标可以将页面上的图形拖动到任意的位置。">
</head>

<!-- 步骤二: 把以下数据复制到你的Html文件的Body标记下  -->
<body bgcolor="#fffff2">
<center>
  <form>
    <div align="center"> <font size="4" color="#FF0000">可以随处拖放的图片和文字，适用于IE</font></div>
  </form>
  <p>以下的文字和图片可以任意拖放啊﹗</p>
  <p><font color="#990099"><b><font size="5" face="Arial, Helvetica, sans-serif" class="drag">请拖放! </font></b></font><img src="Logo1.gif" width="51" height="52" class="drag"></p>
  <form method="post" action="">
  </form>
  </center>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -