Question

我的一个客户是在一个页面中要求一个网页，并以某种方式使菜单“重定向”到页面中的某些坐标，其中有关于该部分的信息。这个想法的They sent me an example，但它在Flash中的帖子:(

是否有可能在没有闪光灯的情况下制作类似的东西？我不想做这个工作，用HTML标签的名称或jquery中的一个简单例子就足够了，因为我不知道如何开始。

Answer 1

你可以使用JQuery（JQuery UI增加闪亮度）来做到这一点。

由于某种原因，第一次单击按钮时它不起作用，但是给它几次尝试，它基本上将它移动到图像的随机生成的一组XY坐标。使用JQueryUI，您有these easing options。

JS：

$('button').on('click', function() {
    var RandX = Math.floor((Math.random() * 1520) + 1);
    var RandY = Math.floor((Math.random() * 800) + 1);
    $('#container').animate({
        scrollTop: RandY, 
        scrollLeft: RandX
    },1000,'easeOutElastic');
});

Answer 2

是的，我大约7年前在我的（非常陈旧和过时的）在线投资组合中使用了这个 - http://melissahie.com

我使用了jquery scrollTo（）函数并使其指向唯一的id。然后将id设置为div（

由于我感觉你想自己做，所以如果你想要更详细的解释，请告诉我。

Answer 3

jQuery Scroll插件：

jQuery Path插件：

http://joelb.me/scrollpath/

更多先进的解决方案：

http://greensock.com/examples-showcases（感谢Steven Wave）

是否可以使用HTML5或jquery中的坐标在网页中导航？

3 个答案: