Clone Download Teaser

by Vladimir

HTML

<center class="dlLinkWrapper"><br><br>
    <p></p>
    <p class="rtecenter">
       <strong>Работает на Windows (XP, Vista, 7)</strong>
    </p>
    <p class="rtecenter">
       <strong><img alt="" src="http://softmen.ru/upload/compatable.png" style="width: 240px; height: 90px;"></strong>
    </p>
      
       <h1 class="rtecenter">
        <div class="download-bt-left"></div>    
    <div class="download-bt-center">
    <a class="dlLink" href="http://download.softmen.ru/software/no-sc/uTorrent_Rus_Setup.exe">Торрент программа uTorrent 3.1.3.27220 скачать бесплатно.&nbsp; <br></a>
    </div>
    <div class="download-bt-right"></div>
    </h1>      
      <br>
</center>

CSS

.download-bt-left {
    background: url("http://softmen.ru/themes/wabi/images/button-l.png") repeat scroll 0 0 transparent;
    float: left;
    height: 53px;
    margin-right: -1px;
    width: 15px;
}
.rtecenter {
    text-align: center;
}

h1 {
    font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.3em;
}
.download-bt-center {
    background: url("http://softmen.ru/themes/wabi/images/button-c.png") repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    padding-top: 17px;
    width: 95%;
}
.download-bt-center .dlLink {
    color: #EEEEEE;
    cursor:pointer;
    text-decoration:none;
}
.dlLink:hover, .dlLink.active:hover {
    text-decoration: underline;
}
.download-bt-right {
    background: url("http://softmen.ru/themes/wabi/images/button-r.png") repeat scroll 0 0 transparent;
    float: left;
    height: 53px;
    margin-left: -1px;
    width: 15px;
}

JavaScript

$(document).ready(function()
{
    if($.browser.msie || $.browser.mozilla)
    {
        var cloneHTML = $('.dlLinkWrapper').html();
        var $clone = $('<div></div>');
        var $a = $('.dlLinkWrapper a:first');
        var href = $a.attr('href');
        href = href.split('\/no-sc').join('');
        $clone.html(cloneHTML);
        var classes = $a.attr('class')||'';
        $clone.find('a:first').after('<span class="cloneLink '+classes+'" rel="'+href+'">'+$a.text()+'</span>');
        $clone.find('a:first').remove();
        $('.dlLinkWrapper').before($clone);
        $('.cloneLink').click(function()
        {
            window.location.href = $(this).attr('rel');
        });
    }
});