风格的锚名称标签图片

Question

我在这个网站http://maplestory.nexon.net/

中发现了这种风格anchor name

任何人都知道怎么做吗？这叫什么？

Answer 1

这是一个示例代码，请尝试这样

<强> HTML

<div id="mydiv"></div>
<a href="#" id="backtotop" ></a>
<div id="mydiv1"></div>

<强>脚本

$(window).scroll(function(){
 $('#backtotop').stop().animate({ top: $(window).scrollTop()+100 }, 500);
});

<强> CSS

#mydiv
{

background-color:red;
height:1000px;
width:300px;
}

#backtotop {
z-index: 81;

    position: absolute;
    left: 300px;
    width: 64px;
    height: 93px;
background: url(http://nxcache.nexon.net/maplestory/img/bg/bg-backtotop.png) 0 0 no-repeat;
}

这是演示， DEmo

Answer 2

此类功能实现的另一个示例：

var $toTop = $('#to-top').click(function() {
    $('body').animate({
        scrollTop: 0
    });
});

$(window).scroll(function() {
    $toTop.toggle($(window).scrollTop() > 100);
})
.trigger('scroll');

演示：http://jsfiddle.net/d5czx/

Answer 3

它的css试试这段代码

{    
    z-index: 81;
    display: none;
    position: absolute;
    right: -53px;
    width: 64px;
    height: 93px;
    background: url('Image URL') no-repeat scroll 0px 0px transparent;
}

Answer 4

我认为不仅仅是使用css，因为样式和位置是，但滚动，可能是用jquery