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

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

先给大家展示效果图，需要的朋友可以下载源码

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

代码如下：

基于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实现人物头像跟随鼠标转动，希望大家喜欢。