Question

是否有任何干净的方法来制作常规链接：

<a href="[8]">Click here to read more...</a>

像按钮一样完全行动

<button id="[8]">Click here to read more...</button>

谢谢！

Answer 1

你的意思是这样吗？

<a id="[8]" class="readmore" href="#">
    Click here to read more...
</a>

将您的javascript改编为新的“a”：

$("a.readmore").click(function() { 
    var id=this.id.split('['); 
    var d_id=id[1].split(']'); 
    var ii=d_id[0] $('html, body').animate({ 
       scrollTop: $('[id='+ii+']').offset().top 
    }, 2000); 

    return false;
});

只是提示，你的字符串处理看起来很糟糕，建议：

$("a.readmore").click(function() { 
    var id=this.id.match('[0-9]+');

    $('html, body').animate({ 
       scrollTop: $('[id='+ id +']').offset().top 
    }, 2000); 

    return false;
});

确保在正确的时间内通过页面dom解析器拦截此代码，把它放在一个

中

$（document）.ready（function（）{...}）;

问候。

Answer 2

是的，这是好先生！我希望这能满足你的需求:)。

<html>
<style>
    .lnkbtn{
        display: block;
        width: 100px;
        background-color: lightgrey;
        border: 1px solid black;
        text-align: center;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
    }

    .lnkbtn:hover{
        background-color: #aaa;
    }

    .lnkbtn:visited{
        color: blue;
    }

    .lnkbtn:active{
        border: 1px solid red;
    }

</style>
<body>
    <a href = "http://www.google.com" class = "lnkbtn">Click me!</a>
</body>
</html>

一个href链接，就像一个按钮

2 个答案: