javascript - 半圆形滑动滚动

Question

过去几周我一直在寻找这个，但找不到答案。

This is what i'm trying to accomplish ! Click to see the image.

我需要在触摸屏设备上滚动浏览无数个应用。

中间的那个需要变大，其余的变小变小，给人的感觉是有更多的应用程序不可见，你需要触摸和滚动应用程序。

我正在尝试使用 Jquery、HTML5 和 CSS3 来做到这一点。

有人能帮帮我吗？

我真的被困在这里了..

非常感谢!

Answer 1

我尝试使用这个 http://jsfiddle.net/67zMe/5/

但我没能把它做成半圆形并基于触摸屏滚动 Action 。

var radius = 300;
var angleSteps = 360 / $('#circle-list li').length;
var baseAngle = 0;

function updateListPositions()
{
    $('#circle-list li').each(function(index, element)
       {
           var angle = baseAngle + (index * angleSteps);
           var center = 150;
           var distance = 100;
           var x = distance * Math.cos(angle * (Math.PI / 180));
           var y = distance * Math.sin(angle * (Math.PI / 180));
           $(element).css({left:center+x, top:center+y});
       });
}

var stepInterval = setInterval(stepAngle, 25);

function stepAngle()
{
    baseAngle++;
    updateListPositions();
}

这是javascript。这是我找到的最接近我需要的东西。

发帖人遇到了同样的问题，但没有找到他需要的答案。