鼠標自由拖動文字移動_文本鏈接特效

JavaScript 控制鼠標隨意拖動文字，就像拖動一個層窗口一樣，想拖哪兒就拖哪，你還可以對字體、字體大小進行重定義等操作，通過這個拖動程序，你會了解到JS如何獲取鼠標位置、判斷鼠標是否按下、應用event對象中的srcElement屬性獲取當前事件的對象等。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>鼠標自由拖動文字移動-www.hl5o.cn</title>
<style>
.move_out{position:relative;cursor:hand}
</style>
</head>
<script language="JavaScript">
var move_out=false; //定義變量，值為false
var z,x,y;	//定義變量
function move(){//創(chuàng)建函數
if(event.button==move_out){ //判斷當前鼠標是否是左鍵按下狀態(tài)
z.style.pixelLeft=temporarily1+event.clientX-x; //獲取當前鼠標的位置
z.style.pixelTop=temporarily2+event.clientY-y; //獲取當前鼠標的位置
return false;
}
}
function down(){// 創(chuàng)建自定義函數，實現(xiàn)文字的移動
  	if(event.srcElement.className=="move_out"){//應用event對象中的srcElement屬性獲取當前事件的對象
    	move_out=true;
     	z=event.srcElement;
     	temporarily1=z.style.pixelLeft; 
     	temporarily2=z.style.pixelTop;
     	x=event.clientX; //獲取鼠標在窗口中的X位置
     	y=event.clientY;//獲取鼠標在窗口中的Y位置
     	document.onmousemove=move; //當鼠標移動時執(zhí)行move()函數
   	}else{
		move_out=false;
	}
}
document.onmousedown=down;//當鼠標按下時執(zhí)行down()函數
</script>
<body>
<font color=0066cc size= 12 class="move_out"> Mb5u.com 就是模板無憂</font> 
</body>
</html>

所屬頻道：文本鏈接特效/更新時間：2012-11-29

[收藏][報錯][返回列表]

相關文本鏈接特效：

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索鼠標自由拖動文字移動
特效說明：
文本鏈接模板-鼠標自由拖動文字移動。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

鼠標自由拖動文字移動_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些