Demo:
Nguồn RIP:
- Code:
http://www.kesachit.net/h4-page
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="favicon.ico" rel="shortcut icon" />
<meta name="generator" content="vBulletin 3.8.7 Beta 1" />
<title>Happy New Year 2012 - wWw.KetNoiTeen.VN
<meta name="keywords" content="Teen Việt giải trí, Teen vui chơi, đọc truyện teen, truyện tình yêu teen, truyện học trò. Xem tin tức teen mới, tin nóng, blog teen việt, ngắm hình teen girl xinh, teen boy kute, gái xinh, trai đẹp... Chia sẻ, tâm sự tình yêu, giới tính tuổi teen, học tập" />
<meta name="description" content="Teen Việt giải trí, Teen vui chơi, đọc truyện teen, truyện tình yêu teen, truyện học trò. Xem tin tức teen mới, tin nóng, blog teen việt, ngắm hình teen girl xinh, teen boy kute, gái xinh, trai đẹp... Chia sẻ, tâm sự tình yêu, giới tính tuổi teen, học tập" />
<link rel="stylesheet" href="http://ketnoiteen.vn/static/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="http://ketnoiteen.vn/javascript/slider/themes/default/jquery.slider.css" />
<script type="text/javascript" src="http://ketnoiteen.vn/javascript/jquery.min.js"></script>
<script type="text/javascript" src="http://ketnoiteen.vn/javascript/slider/jquery.slider.min.js"></script>
<style>
.caption
{
display:none;
left: 0px!important;
}
.caption h4
{
margin:0;
}
.slider{
border: #000 solid 0px;
position: absolute;
left: 606px;
top: 34px;
border-radius:25px;
}
</style>
<script>
jQuery(document).ready(function($) {
$(".slider").slideshow({
width : 635,
height : 342,
pauseOnHover : false,
transition : ['slideLeft', 'slideRight', 'slideTop', 'slideBottom']
});
$(".caption").fadeIn(500);
// playing with events:
$(".slider").bind("sliderChange", function(event, curSlide) {
$(curSlide).children(".caption").hide();
});
$(".slider").bind("sliderTransitionFinishes", function(event, curSlide) {
$(curSlide).children(".caption").fadeIn(500);
});
});
</script>
</head>
<body><div id="wrapper"><div class="slider">
<div>
<div class="caption">
<h4>Cong dong teen Viet Online</h4>
</div>
<img src="http://ketnoiteen.vn/assets/slide_6.jpg" alt=""/>
</div>
<div>
<div class="caption">
<h4>Cong dong teen Viet Online</h4>
</div>
<img src="http://ketnoiteen.vn/assets/slide_9.jpg" alt=""/>
</div>
<div>
<div class="caption">
<h4>Cong dong teen Viet Online</h4>
</div>
<img src="http://ketnoiteen.vn/assets/slide_7.jpg" alt=""/>
</div>
<div>
<div class="caption">
<h4>Cong dong teen Viet Online</h4>
</div>
<img src="http://ketnoiteen.vn/assets/slide_3.jpg" alt=""/>
</div>
</div>
<div>
<div id="container" style="position: absolute; left: 657px; top: 389px; width: 514px; height:247px">
<table border="0" height="252" width="510">
<tr>
<td class="diendan" height="100" width="170"><a href="http://ketnoiteen.vn/diendan/index.php" title="Diễn đàn">Diễn đàn</a></td>
<td class="nghenhac" height="100" width="170"><a href="http://ketnoiteen.vn/diendan/forumdisplay.php?f=146" title="Nghe Nhạc">Nghe Nhạc</a></td>
<td class="anhtv" height="100" width="170"><a href="http://ketnoiteen.vn/diendan/forumdisplay.php?f=106" title="Ảnh Thành viên">Ảnh TV</a></td>
</tr>
<tr>
<td class="xemphim" height="100" width="170"><a href="http://ketnoiteen.vn/diendan/forumdisplay.php?f=163" title="Xem Phim">Xem Phim</a></td>
<td class="thuthuat" height="100" width="170"><a href="http://ketnoiteen.vn/diendan/forumdisplay.php?f=254" title="Thủ thuật">Thủ thuật</a></td>
<td class="passport" height="100" width="170"><a href="http://ketnoiteen.vn/diendan/usercp.php" title="Passport">Passport</a></td>
</tr>
</table>
</div>
<div id="footer">
<div class="footer_copy">
<center>
<object style="margin: 0px 0pt 0px 0px; vertical-align: top;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="sonpamp3player" align="top" height="24" width="280"><param name="wmode" value="transparent"><param name="volume" value="100"><param name="allowScriptAccess" value="sameDomain"><param name="flashVars" value="bg=0xFFFFFF&leftbg=0x627a01&rightbg=0xb3c860&rightbghover=0x627a01&lefticon=0xFFFFFF&righticon=0x411919&righticonhover=0x411919&text=0x411919&slider=0xFFFFFF&track=0xFFFFFF&loader=0xededed&border=0xE6F6F5&autostart=yes&loop=yes&soundFile=http://mp3.classt9.com/nhac-server-nct/V3IMiVarEJ.mp3"><param name="movie" value="http://jatbirat.info/event/noel/images/player.swf"><param name="quality" value="high"><embed style="margin: 0px 0pt 0px 0px; vertical-align: top;" src="http://jatbirat.info/event/noel/images/player.swf" flashvars="bg=0xFFFFFF&leftbg=0xff9000&rightbg=0xff9000&rightbghover=0xb0080d&lefticon=0xFFFFFF&righticon=0xFFFFFF&righticonhover=0xFFFFFF&text=0xb0080d&slider=0xb0080d&track=0xb0080d&loader=0xededed&border=0xE6F6F5&autostart=yes&loop=yes&soundFile=http://jatbirat.info/bai-hat/http://mp3.zing.vn/bai-hat/Happy-New-Year-ABBA/ZWZEC669.html" quality="high" wmode="transparent" name="player" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="24" width="280"></object>
</center>
</div>
</div>
</div>
</body></html>
Nguồn RIP:
- Code:
Ketnoiteen.vn