网页中文字可自由拖拽-JS特效-爱易网页

网页中文字可自由拖拽

日期：2014-05-18　浏览次数：20472 次

以下是程序代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
 <meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
  <TITLE>文字可拖动效果，sky整理收集，站长特效欢迎您。</TITLE>
<script type="text/javascript">
  function drag(o){
o=document.getElementById(o);
o.style.position="absolute";
 o.onmousedown=function(e){
  e=e||window.event;
  var x=e.layerX||e.offsetX;
  var y=e.layerY||e.offsetY;
  document.onmousemove=function(e){
   e=e||window.event;
   o.style.left=(e.clientX-x)+"px";
   o.style.top=(e.clientY-y)+"px";};
  document.onmouseup=function(){document.onmousemove=null;o.onmousedown=null;};};}
  </script>
 </HEAD>
 <BODY>
 <a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div id="cen">
<p class="control" style="margin-bottom:10px;" title="拖拽" onmousedown="drag('cen')">点俺拖拽

站长特效

zzjs.net

打造国内最帅的网页特效站。
</div>
</BODY>
</HTML>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]