一款非常乖巧的人物头像跟随鼠标转动效果，在浏览器屏幕内，人物脸庞始终面向鼠标转动。其实现原理即同一张图片上作出人物上下左右不同面向的效果，利用JS调用背景图片的位置，以此实现人物“转脸”的jquery特效效果。
先给大家展示效果图，需要的朋友可以下载源码
效果演示 源码下载
具体实现过程不多说了，直接给大家贴代码了。
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>基于jquery实现人物头像跟随鼠标转动效果</title> <link rel="stylesheet" type="text/css" href="css/jiaobenzhijia.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/team.css" media="screen"> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.7.1.min.js">以上代码就是基于jquery实现人物头像跟随鼠标转动，希望大家喜欢。