Xe Độ Đẹp

Tin tức xe máy


Hiệu ứng hiện trượt nội dung khi rê chuột vào vùng định trước

2 posters
Xe Độ Đẹp :: Ω--Φ--Ω-»Chuyên Mục Phụ«-Ω--Φ--Ω :: ™~*~*~Vnforum~*~*~™ :: ▓-----»Công Nghệ Tin Học«-----▓ :: Computer :: Dành Cho Forum
Go down
avatar
Welcome
Cao Học
Cao Học
Tội Trạng : Viết bài không dấu ( 2 lần )
Châm ngôn: : Giao lưu, học hỏi
Tài Sản ($NL) Tài Sản ($NL) : 555590
Bài Viết : 341
Tham Gia : 16/05/2009
Đến từ : VietNam
+

Hiệu ứng hiện trượt nội dung khi rê chuột vào vùng định trước Empty Hiệu ứng hiện trượt nội dung khi rê chuột vào vùng định trước

26/9/2010, 7:48 pm
Code:
<style type='text/css'>

#portfoliopost ul {
list-style: none;
}
#portfoliopost li {
background: none;
float: left;
margin: 0 5px 5px 0;
padding: 0;
position: relative;

}

#portfoliopost li.last {
margin-right: 0;
}

#portfoliopost li img {
border: 4px solid #222;
margin: 0;
}

#portfoliopost li img:hover, #portfoliopost li:hover img {
border: 4px solid #444;
}

#portfoliopost li .description {
background-color: #444;
color: #eee;
display: none;
font-size:10px;
padding: 8px 10px;
position: absolute;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(function(){
$('#portfoliopost li', this ).mouseenter(function() {
$('.description', this).slideDown('fast');
});
$('#portfoliopost li', this ).mouseleave(function() {
$('.description', this).slideUp('fast');
});
});
</script>



<ul id="portfoliopost">
<li>
<div class="description">
<strong>Blue</strong> | <a href="http://code1k.com"><span style="color:yellow;">Visit here</span></a>
</div>
<img src="http://c.upanh.com/upload/7/623/CS0.11836285_29781_1.png" alt="portfoliopost" width="200px"/>
</li>

<li>
<div class="description">
<strong>Brown</strong> | <a href="http://code1k.com"><span style="color:yellow;">Visit here</span></a>
</div>
<img src="http://c.upanh.com/upload/7/623/CS0.11836288_29781_1.png" alt="portfoliopost" width="200px"/>
</li>

<li>
<div class="description">
<strong>Green</strong> | <a href="http://code1k.com"><span style="color:yellow;">Visit here</span></a>
</div>
<img src="http://c.upanh.com/upload/7/623/CS0.11836290_29781_1.png" alt="portfoliopost" width="200px"/>
</li>

<li>
<div class="description">
<strong>Red</strong> | <a href="http://code1k.com"><span style="color:yellow;">Visit here</span></a>
</div>
<img src="http://c.upanh.com/upload/7/623/3L0.11836291_29781_1.png" alt="portfoliopost" width="200px"/>
</li>
</ul>
Vession
Vession
Mem Pro
Mem Pro
Châm ngôn: : Điều Bình An Vĩ Đại
Tài Sản ($NL) Tài Sản ($NL) : 567149
Bài Viết : 1033
Tham Gia : 14/05/2009
Tuổi : 31
Đến từ : Tiền Giang - TPHCM
https://tinxemay.forumvi.com
+

Hiệu ứng hiện trượt nội dung khi rê chuột vào vùng định trước Empty Re: Hiệu ứng hiện trượt nội dung khi rê chuột vào vùng định trước

26/9/2010, 8:48 pm
Lần sau cho xin demo nhé Come
Về Đầu Trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết