...
一款非常乖巧的人物头像跟随鼠标转动效果,在浏览器屏幕内,人物脸庞始终面向鼠标转动。其实现原理即同一张图片上作出人物上下左右不同面向的效果,利用JS调用背景图片的位置,以此实现人物“转脸”的jquery特效效果。
先给大家展示效果图,需要的朋友可以下载源码
效果演示 源码下载
具体实现过程不多说了,直接给大家贴代码了。
代码如下:
基于jquery实现人物头像跟随鼠标转动效果
A passionate team
-
Andor BaranyiDevelopment Andor
-
Angela BorșanFinance Angela
-
Attila SzászDevelopment Attila
-
Bogdan HaifaDevelopment Bogdan
-
Bogdan SalaDevelopment Bogdan
-
Bogdan StănescuDevelopment Bogdan
-
BogusSpecial Projects Bogus
-
Botond RadulyDevelopment Botond
-
Călin TriteanDevelopment Călin
-
Ciprian HermanDevelopment Ciprian
-
Ciprian MorarLeadership Ciprian
-
Cristian CojițăDevelopment Cristian
-
Cristian MesarosDevelopment Cristian
-
Cristian ZdrobeDevelopment Cristian
-
Cristina MoldovanQA Cristina
-
Csaba TekseDevelopment Csaba
-
Doru CiceuDevelopment Doru
-
Dragoș BucevschiDevelopment Dragoș
-
Erika LăcătuşQA Erika
-
Filip Cherecheș-ToșaLeadership Filip
-
Gabriel LăcătuşDevelopment Gabriel
-
Ildikó SoósDevelopment Ildikó
-
István TakácsDevelopment István
-
József GergelyDevelopment Jozsi
-
Lavinia MendreaDevelopment Lavinia
-
Levente HorváthDevelopment Levente
-
Liviu PogarQA Liviu
-
Marc AbrudanDevelopment Marc
-
Maximilian MareleDesign Maximilian
-
Mihai PotcoavăDevelopment Mihai
-
Mihai SavuDevelopment Mihai
-
Mircea BaicuDevelopment Mircea
-
Mircea DrăgoiDesign Mircea
-
Paul AbrudanDevelopment Paul
-
Radu LucaciuDevelopment Radu
-
Radu PanteaQA Radu
-
Sebastian MorarDevelopment Sebastian
-
Ștefan BălanDesign Ștefan
-
Tibor FazakasQA Tibor
-
Timi FagadarDevelopment Timi
-
Tudor GalanopulosDevelopment Tudor
-
Victor StegaruDevelopment Victor
-
Viorel DramDevelopment Viorel
-
Zsolt BorbelyDevelopment Zsolt
-
Join us!We have great coffee! You?
以上代码就是基于jquery实现人物头像跟随鼠标转动,希望大家喜欢。