基于jquery实现人物头像跟随鼠标转动_jquery

一款非常乖巧的人物头像跟随鼠标转动效果，在浏览器屏幕内，人物脸庞始终面向鼠标转动。其实现原理即同一张图片上作出人物上下左右不同面向的效果，利用JS调用背景图片的位置，以此实现人物“转脸”的jquery特效效果。
先给大家展示效果图，需要的朋友可以下载源码

效果演示 源码下载

具体实现过程不多说了，直接给大家贴代码了。

代码如下：

 

  
A passionate team
  


    
Andor
Andor BaranyiDevelopment Andor 
   

    
Angela
Angela BorșanFinance Angela 
   

    
Attila
Attila SzászDevelopment Attila 
   

    
Bogdan
Bogdan HaifaDevelopment Bogdan 
   

    
Bogdan
Bogdan SalaDevelopment Bogdan 
   

    
Bogdan
Bogdan StănescuDevelopment Bogdan 
   

    
Bogus
BogusSpecial Projects Bogus 
   

    
Botond
Botond RadulyDevelopment Botond 
   

    
Călin
Călin TriteanDevelopment Călin 
   

    
Ciprian
Ciprian HermanDevelopment Ciprian 
   

    
Ciprian
Ciprian MorarLeadership Ciprian 
   
   
   

    
Cristian
Cristian CojițăDevelopment Cristian 
   

    
Cristian
Cristian MesarosDevelopment Cristian 
   

    
Cristian
Cristian ZdrobeDevelopment Cristian 
   

    
Cristina
Cristina MoldovanQA Cristina 
   

    
Csaba
Csaba TekseDevelopment Csaba 
   
   
   
   

    
Doru
Doru CiceuDevelopment Doru 
   

    
Dragoș
Dragoș BucevschiDevelopment Dragoș 
   

    
Erika
Erika LăcătuşQA Erika 
   

    
Filip
Filip Cherecheș-ToșaLeadership Filip 
   

    
Gabriel
Gabriel LăcătuşDevelopment Gabriel 
   

    
Ildikó
Ildikó SoósDevelopment Ildikó 
   

    
István
István TakácsDevelopment István 
   

    
Jozsi
József GergelyDevelopment Jozsi 
   

    
Lavinia
Lavinia MendreaDevelopment Lavinia 
   

    
Levente
Levente HorváthDevelopment Levente 
   

    
Liviu
Liviu PogarQA Liviu 
   

    
Marc
Marc AbrudanDevelopment Marc 
   

    
Maximilian
Maximilian MareleDesign Maximilian 
   

    
Mihai
Mihai PotcoavăDevelopment Mihai 
   

    
Mihai
Mihai SavuDevelopment Mihai 
   

    
Mircea
Mircea BaicuDevelopment Mircea 
   

    
Mircea
Mircea DrăgoiDesign Mircea 
   

    
Paul
Paul AbrudanDevelopment Paul 
   

    
Radu
Radu LucaciuDevelopment Radu 
   

    
Radu
Radu PanteaQA Radu 
   

    
Sebastian
Sebastian MorarDevelopment Sebastian 
   

    
Ștefan
Ștefan BălanDesign Ștefan 
   

    
Tibor
Tibor FazakasQA Tibor 
   

    
Timi
Timi FagadarDevelopment Timi 
   

    
Tudor
Tudor GalanopulosDevelopment Tudor 
   

    
Victor
Victor StegaruDevelopment Victor 
   

    
Viorel
Viorel DramDevelopment Viorel 
   

    
Zsolt
Zsolt BorbelyDevelopment Zsolt 
   

    
You?
Join us!We have great coffee! You? 
  

以上代码就是基于jquery实现人物头像跟随鼠标转动，希望大家喜欢。