効果のデモ:ソースコード: コードをコピー コードは次のとおりです。 <br>var MoveBKimg=new Class({ <br>initialize:function(){ <br>this .$L =0; <br>this.$T=0; <br>}, <br>Todo:function(i,opt){ <br>this.opt={ <br>bw:opt.bw | | 0, // コンテナの幅<br>bh:opt.bh || 0, <br>iw:opt.iw || イメージの幅<br>ih:opt.ih || X:opt .X || 0, //マウスのクライアントX座標 <br>Y:opt.Y || 0 <br>if(!i || !o.iw || ! o.ih || !o.bw || !o.bh){return false;} <br>o.iw=o.iw-o.bw;実際に移動できます<br> o.ih=o.ih-o.bh; <br>var P=i.getStyle('background-position');P=P.split(" ");//現在の背景画像の位置値を取得し、Int 型に分割<br>P[0]=P[0].toInt();P[0]=(P[0].abs()>o.iw) ?((P[0] P[1] =P[1].toInt();P[1]=(P[1].abs()>o.ih)?((P[1]console.log(o.X '|' o.Y); <br>if(o. <br>P[0]=(o.iw} <br>if(o.X<this .> this.$L=o.X; <br>P[0]=((P[0] 10)>0)?0:(P[0] 10); .Y>this.$T){//マウスを下に移動して画像を上に移動します<br> this.$T=o.Y <br>P[ 1]=(o.ih} <br>if(o.Y<this.> this.$T=o.Y; <br>P[1]=((P[1] 10)>0)?0:(P[1] 10) ; <br>i.setStyle('背景位置','' P[0] 'px ' P[1] 'px');//背景画像の位置を再割り当てします <br>} <br>}); bsfdimg'); <br>var MoveBKimg=new MoveBKimg(); <br>El.addEvent('mousemove',function(event){ <br>MoveBKimg.Todo (El,{bw:260,bh:200,iw) :392,ih:600,X:event.client.x,Y:event.client.y}); <br>}) <br><br> <br></this.></this> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
