Question

js如何实现如图所示的特效，指针随点击导航滑动，且下面也得更换内容

主要是如何实现指针随点击的导航旋转

Answer 1

只能给你方案：那个指针是一个png 图片。可以用position定位。css 写法： transform:rotate(70deg); 改变角度就好了。

举个例子： $("#div1").hover(function(){// deg 可是负值
$("#mypng").css("transform","rotate(50deg)");
},function(){
// 默认复原
$("#mypng").css("transform","rotate(0deg)");
});
// 。 旋转的话是以中心旋转。所以制作的指针是个对称的圆形。
// 我做的是滑动上去指针就懂。 你可以自己换成点击事件。