一款非常乖巧的人物头像跟随鼠标转动效果,在浏览器屏幕内,人物脸庞始终面向鼠标转动。其实现原理即同一张图片上作出人物上下左右不同面向的效果,利用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实现人物头像跟随鼠标转动,希望大家喜欢。