javascript - 风格化的 anchor 名标签图片

Question

我在这个网站中发现了这种风格的 anchor 名称 http://maplestory.nexon.net/

有人知道怎么做吗？那叫什么？

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