html中怎么做扇形菜单,扇形菜单导航load = function() {
var homeEle = document.querySelector(".home");
var imgs = document.querySelectorAll("#wrap > .inner > img");
var flag = true;
var c = 140;
if (flag) {
ansform = "rotate(-720deg)";
for (var i = 0; i < imgs.length; i++) {
imgs[i].ansition = "1s " + (i * 0.1) + "s"
imgs[i].ansform = "rotate(-720deg)";
imgs[i].style.left = -getPoint(c, 90 * i / (imgs.length - 1)).left + "px";
imgs[i].p = -getPoint(c, 90 * i / (imgs.length - 1)).top + "px";
}
} else {
ansform = "rotate(0deg)";
for (var i = 0; i < imgs.length; i++) {
imgs[i].ansition = "1s " + ((imgs.length - 1 - i) * 0.1) + "s";
imgs[i].ansform = "rotate(0deg)"
imgs[i].style.left = 0 + "px";
imgs[i].p = 0 + "px";
}
}
flag = !flag;
}
function getPoint(c, deg) {
var x = und(c * Math.sin(deg * Math.PI / 180));餐饮美食食谱网站html模板
var y = und(c * s(deg * Math.PI / 180));
return {
left: x,
top: y
};
}
}