Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以使用HTML5或jquery中的坐标在网页中导航?_Javascript_Jquery_Html_Navigation - Fatal编程技术网

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

Javascript 是否可以使用HTML5或jquery中的坐标在网页中导航?,javascript,jquery,html,navigation,Javascript,Jquery,Html,Navigation,我的一个客户要求在一个页面中创建一个网页,并以某种方式将菜单“重定向”到页面中的某个坐标,该坐标是关于该部分的信息。这个想法,但它在瞬间疯狂了:( 有没有可能在没有flash的情况下制作类似的东西?我不想做这项工作,只要有HTML标记的名称或jquery中的一个简单示例就足够了,因为我不知道如何开始。你可以简单地用jquery(jquery UI用于添加Shinynes)来完成这项工作 在线示例: 由于某种原因,第一次单击按钮时,它不起作用,但尝试几次后,它基本上会将它移动到随机生成的图像XY坐

我的一个客户要求在一个页面中创建一个网页,并以某种方式将菜单“重定向”到页面中的某个坐标,该坐标是关于该部分的信息。这个想法,但它在瞬间疯狂了:(


有没有可能在没有flash的情况下制作类似的东西?我不想做这项工作,只要有HTML标记的名称或jquery中的一个简单示例就足够了,因为我不知道如何开始。

你可以简单地用jquery(jquery UI用于添加Shinynes)来完成这项工作

在线示例:

由于某种原因,第一次单击按钮时,它不起作用,但尝试几次后,它基本上会将它移动到随机生成的图像XY坐标集。使用JQueryUI,您可以

JS:


您只需使用JQuery(用于添加亮度的JQuery UI)就可以做到这一点

在线示例:

由于某种原因,第一次单击按钮时,它不起作用,但尝试几次后,它基本上会将它移动到随机生成的图像XY坐标集。使用JQueryUI,您可以

JS:


您只需使用JQuery(用于添加亮度的JQuery UI)就可以做到这一点

在线示例:

由于某种原因,第一次单击按钮时,它不起作用,但尝试几次后,它基本上会将它移动到随机生成的图像XY坐标集。使用JQueryUI,您可以

JS:


您只需使用JQuery(用于添加亮度的JQuery UI)就可以做到这一点

在线示例:

由于某种原因,第一次单击按钮时,它不起作用,但尝试几次后,它基本上会将它移动到随机生成的图像XY坐标集。使用JQueryUI,您可以

JS:


是的,我大约7年前在我的(非常陈旧和过时的)在线投资组合中使用了这个-

我使用了jquery scrollTo()函数,并将其指向一个唯一的id。然后将该id设置为div(
因为我感觉到你想自己做这件事,如果你想要更详细的解释,请告诉我。

是的,我大约7年前在我的(非常古老和过时的)在线投资组合中使用了这个-

我使用了jquery scrollTo()函数,并将其指向一个唯一的id。然后将该id设置为div(
因为我感觉到你想自己做这件事,如果你想要更详细的解释,请告诉我。

是的,我大约7年前在我的(非常古老和过时的)在线投资组合中使用了这个-

我使用了jquery scrollTo()函数,并将其指向一个唯一的id。然后将该id设置为div(
因为我感觉到你想自己做这件事,如果你想要更详细的解释,请告诉我。

是的,我大约7年前在我的(非常古老和过时的)在线投资组合中使用了这个-

我使用了jquery scrollTo()函数,并将其指向一个唯一的id。然后将该id设置为div( 因为我感觉到您想自己做这件事,所以如果您需要更详细的解释,请告诉我。

jQuery Scroll插件:

jQuery路径插件:

更先进的解决方案:

  • (感谢Steven Wave)
jQuery滚动插件:

jQuery路径插件:

更先进的解决方案:

  • (感谢Steven Wave)
jQuery滚动插件:

jQuery路径插件:

更先进的解决方案:

  • (感谢Steven Wave)
jQuery滚动插件:

jQuery路径插件:

更先进的解决方案:

  • (感谢Steven Wave)

关于
id属性的部分
或者如何?@r4xz滚动路径很棒!它有效果并在部分之间保持动画:)还有一些高级功能,比如这个呢?关于
id属性的部分
How-about或@r4xz滚动路径很棒!它有效果,并在部分之间保持动画:)还有一些高级功能,比如这个呢?关于
id属性的部分
How-about或@r4xz滚动路径很棒!它有效果,并在部分之间保持动画:)还有像这样的高级功能:)也有像这样的高级功能:)还有像这样的高级功能:?
$('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');
});