js怎么实现点击导航按钮对应的内容显示到指定的位置且原来位置的内容隐藏

JavaScript011

js怎么实现点击导航按钮对应的内容显示到指定的位置且原来位置的内容隐藏,第1张

$("div").hide() /*div全部隐藏*/

/*方法一*/

$(".anniu").eq(0).click(function(){

$("div").hide().eq(0).show()

})/*第一个*/

$(".anniu").eq(1).click(function(){

$("div").hide().eq(1).show()

})/*第二个*/

$(".anniu").eq(2).click(function(){

$("div").hide().eq(2).show()

})/*第三个*/

/*点第几个显示第几个*/

/*方法二*/

$(".anniu").eq(x).click(function(){

var=x

$("div").hide().eq(x).show()

})

html页面内可以设置锚点,锚点定义

Html代码

<a

name="firstAnchor">&nsbp</a>

锚点使用

Html代码

<a

href="#firstAnchor">跳至第一个锚点</a>

但对于js呢,在js中如何在完成一个操作后跳至页面的某个固定锚点呢

js中location.href可以跳转至某个url;

跳至(定位到)某个固定锚点的办法

1、location.href

=

"#firstAnchor"

//

firstAnchor为锚点名称

2、window.location.hash

=

"#firstAnchor"

//

firstAnchor为锚点名称

经测试:hash只会在跳转到此页面的第一次起作用,再次刷新此页面将不起作用,而href始终起作用

以上这篇js

定位到某个锚点的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

使元素固定在网页中,不需要用到JS的,只需要用到CSS样式就可以了。

使用css 中的   position:fixed fixed是相对于浏览器的定位,设置了这个样式的元素将不会随页面滚动而改变位置,固定在屏幕中。

如 :

.classname {

position:fixed

left:0

top:0

z-index:9999

}