javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法
更新時(shí)間:2015年05月13日 15:41:51 作者:永遠(yuǎn)愛(ài)好寫(xiě)程序
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素的相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片跟著鼠標(biāo)走</title>
<script type="text/javascript">
function DivFlying() {
var div = document.getElementById("divFly");
if (!div) {
return;
}
var intX = window.event.clientX;
var intY = window.event.clientY;
div.style.left = intX + "px";
div.style.top = intY + "px";
}
document.onmousemove = DivFlying;
</script>
</head>
<body>
<div id="divFly" style="position:absolute;">
<img src="fly.gif" /><br />
低調(diào)的跟著鼠標(biāo)飄過(guò)~~
</div>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js實(shí)現(xiàn)文字跟隨鼠標(biāo)移動(dòng)而移動(dòng)的方法
- js圖片跟隨鼠標(biāo)移動(dòng)代碼
- javascript DIV實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)
- 使用JS實(shí)現(xiàn)氣泡跟隨鼠標(biāo)移動(dòng)的動(dòng)畫(huà)效果
- 基于JavaScript實(shí)現(xiàn)鼠標(biāo)懸浮彈出跟隨鼠標(biāo)移動(dòng)的帶箭頭的信息層
- js實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果
- javascript跟隨鼠標(biāo)x,y坐標(biāo)移動(dòng)的字效果
- js實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的小球
- js實(shí)現(xiàn)圖片放大并跟隨鼠標(biāo)移動(dòng)特效
- javascript實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的圖片
相關(guān)文章
JavaScript實(shí)現(xiàn)的鏈表數(shù)據(jù)結(jié)構(gòu)實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的鏈表數(shù)據(jù)結(jié)構(gòu)實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
JavaScript this綁定與this指向問(wèn)題的解析
本文主要介紹了JavaScript this綁定與this指向問(wèn)題的解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
聊聊那些使用前端Javascript實(shí)現(xiàn)的機(jī)器學(xué)習(xí)類(lèi)庫(kù)
本文介紹了前端Javascript實(shí)現(xiàn)的機(jī)器學(xué)習(xí)類(lèi)庫(kù),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09

