本文實例為大家分享了js實現(xiàn)跟隨鼠標(biāo)移動的具體代碼，供大家參考，具體內(nèi)容如下

follow mouse

*{

margin: 0;

padding:0;

}

#div1{width: 50px;height: 50px;background: red;color:#fff;text-align: center;line-height: 50px; position: absolute;transition: all 0.5s; }

#div2{width: 50px;height: 50px;background: green;color:#fff;text-align: center;line-height: 50px;position:

absolute;transition: all 0.5s; }

.box1{

width: 400px;

height: 400px;

border: 1px solid #ccc;

}

.box2{

width: 400px;

height: 400px;

border: 1px solid #ccc;

}

12

function b1(ev) {

var oEvent = ev || event;

var oDiv = document.getElementById('div1');

if( oEvent.clientX<350&&oEvent.clientY<350){

oDiv.style.left = oEvent.clientX + 'px';

oDiv.style.top = oEvent.clientY + 'px';

}

}

function b2(ev){

var oEvent=ev||event;

var oDiv=document.getElementById('div2');

if( oEvent.clientX<350&&oEvent.clientY<750){

oDiv.style.left=oEvent.clientX+'px';

oDiv.style.top=oEvent.clientY+'px';

}

}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

總結(jié)

以上是生活随笔為你收集整理的鼠标移动小球 Java_js实现跟随鼠标移动的小球的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。