鼠標(biāo)自由拖動文字移動_文本鏈接特效

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

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

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

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)文本鏈接特效：

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

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索鼠標(biāo)自由拖動文字移動
特效說明：
文本鏈接模板-鼠標(biāo)自由拖動文字移動。

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

鼠標(biāo)自由拖動文字移動_文本鏈接特效

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

文本鏈接特效推薦

猜你也喜歡看這些