RuouQuenSau
[You must be registered and logged in to see this image.]
- Code:
<div class="float-frame">
<div class="float-buttons" id="question">
<a rel="nofollow" target="_blank" href="http://www.hotrofm.com/f5-forum"><img alt="Đặt câu hỏi" src="http://meyeucon.org/wp-content/themes/meyeucon/images/question-32.png"></a>
<span>Hỏi - Đáp</span>
</div>
<div class="float-buttons" id="question">
<a rel="nofollow" target="_blank" href="http://www.hotrofm.com/"><img alt="Trang chủ" src="http://meyeucon.org/wp-content/themes/meyeucon/images/home-32.png"></a>
<span>www.Hotrofm.com</span>
</div>
<div class="float-buttons" id="contact">
<a rel="nofollow" href="http://www.hotrofm.com/t802-topic"><img alt="Liên hệ quảng cáo" src="http://meyeucon.org/wp-content/themes/meyeucon/images/email-32.png"></a>
<span>Liên hệ quảng cáo</span>
</div>
</div>
<script>
$(".float-buttons").hover(function(){
$(this).stop().animate({width: '165px' }, 200).css({'z-index' : '10'});
}, function () {
$(this).stop().animate({width: '32px' }, 200).css({'z-index' : '1'});
});
</script>
</div>
<style>
.float-frame {
left: 0;
position: fixed;
top: 200px;
overflow: hidden;
}
.float-buttons span {
color: white;
text-shadow: black 1px 1px 0px;
font-weight: bold;
padding: 6px 0 5px 5px;
}
.float-buttons {
height: 32px;
width: 32px;
background: url("http://meyeucon.org/wp-content/themes/meyeucon/images/dim.png") repeat;
margin-bottom: 5px;
overflow: hidden;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.float-buttons span, .float-buttons a {
float: left;
}
</style>