Ссылка href, которая будет действовать как кнопка

Есть ли чистый способ сделать регулярную ссылку:

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

действовать точно как кнопка

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

Спасибо!

Источник

2 ответа

Решение

Вы имеете в виду что-то подобное?

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

Адаптируем ваш javascript к новому "а":

$("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;
});

Убедитесь, что этот код перехватывается анализатором страниц в нужное время, поместите его в

$(документ).ready(function(){ ... });

С уважением.

Источник

Да, это хорошо, сэр! Я надеюсь, что это удовлетворит ваши потребности:).

<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>
Источник
Другие вопросы по тегам