javascript實現(xiàn)圖片跟隨鼠標移動效果的方法
更新時間：2015年05月13日 15:41:51 作者：永遠愛好寫程序
這篇文章主要介紹了javascript實現(xiàn)圖片跟隨鼠標移動效果的方法,涉及javascript鼠標事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)圖片跟隨鼠標移動效果的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片跟著鼠標走</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)的跟著鼠標飄過~~
</div>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)的tab標簽切換效果，功能非常簡單，實現(xiàn)了點擊切換的效果，推薦給大家，有需要的小伙伴可以參考下。2015-09-09
本文主要介紹了原生js實現(xiàn)驗證碼功能的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
如果需要在程序中獲取當前用戶的IP,通常手段都是需要使用服務(wù)器,但現(xiàn)在借助WebRTC的強大功能,我們可以直接在瀏覽器客戶端獲取用戶IP,所以本文小編將給大家介紹一下如何在在瀏覽器中使用WebRTC獲取用戶IP地址,文中通過代碼示例講解的非常詳細,需要的朋友可以參考下2023-11-11
JavaScript實現(xiàn)的鏈表數(shù)據(jù)結(jié)構(gòu)實例
這篇文章主要介紹了JavaScript實現(xiàn)的鏈表數(shù)據(jù)結(jié)構(gòu)實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-04-04
程序開發(fā)中，編程人員經(jīng)常要面對的是如何編寫代碼來響應(yīng)錯誤事件的發(fā)生，即例外處理（exception handlers）。2008-06-06
本文主要介紹了JavaScript this綁定與this指向問題的解析，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
聊聊那些使用前端Javascript實現(xiàn)的機器學(xué)習(xí)類庫
本文介紹了前端Javascript實現(xiàn)的機器學(xué)習(xí)類庫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
一些實用的TAB效果...2006-11-11
JavaScript 編程引入命名空間的方法與代碼...2007-08-08
JavaScript作為一門靈活而強大的語言,提供了代理（Proxy）與反射（Reflect）這兩個元編程工具,它們?yōu)殚_發(fā)者提供了更深層次的語言控制和操作,在本篇博客中,我們將深入研究代理與反射的概念、用法,以及如何巧妙地結(jié)合它們來實現(xiàn)高級的編程技巧,需要的朋友可以參考下2023-12-12