demo [You must be registered and logged in to see this link.]
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Welcome To Website THPT Cẩm Xuyên</title>
<link href="http://thptcamxuyen.com/css/style.css" rel="stylesheet" type="text/css" />
<!--Google Font Css-->
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,700' rel='stylesheet' type='text/css'>
<!--HTML5 Hack for IE-->
<!--[if IE]><script src="http://thptcamxuyen.com/js/html5.js" type="text/javascript"></script><![endif]-->
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery-latest.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.smart3d.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.effects.core.js"></script>
<!--My custom scripts-->
<script type="text/javascript" src="http://thptcamxuyen.com/js/function.js"></script>
<!--Begin Content Scroll-->
<link href="http://thptcamxuyen.com/css/flexcrollstyles.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="http://thptcamxuyen.com/js/flexcroll.js"></script>
<!--Begin Testimonial-->
<link rel='stylesheet' type="text/css" href="http://thptcamxuyen.com/css/testimonialrotator.css"/>
<script src="http://thptcamxuyen.com/js/testimonialrotator.js" type="text/javascript"></script>
<!--Begin Photo Gallery-->
<link rel="stylesheet" href="http://thptcamxuyen.com/css/galleriffic-3.css" type="text/css" />
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.history.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('div.content').css('display', 'block');
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 8,
preloadAhead: 10,
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: '‹ Previous Photo',
nextLinkText: 'Next Photo ›',
nextPageLinkText: 'Next ›',
prevPageLinkText: '‹ Prev',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>
<!--Contact Form-->
<script type="text/javascript" src="http://thptcamxuyen.com/js/master.js"></script>
</head>
<body>
<!--Begin Page Loading-->
<div id="page_loading"><span></span> Loading...</div>
<!--End Begin Page Loading-->
<div id="wrapper">
<!--Begin Navigation-->
<ul id="nav">
<li> <img src="http://thptcamxuyen.com/images/logo.png" alt="" /></li>
<li class="nav1"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thpt-camxuyen-hatinh.edu.vn" title="Trang chủ">Trang Chủ</a></li>
<li class="nav2"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thpt-camxuyen-hatinh.edu.vn/NewsDetail.aspx?Id=86d4f913-ffeb-4374-8417-715da2643ede" title="Thông tin">Thông tin</a></li>
<li class="nav3"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thptcamxuyen.com/album" title="Albums">Albums</a></li>
<li class="nav4"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thptcamxuyen.com/forum/announcement.php?f=2" title="Nội quy">Nội Quy</a></li>
<li class="nav5"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thptcamxuyen.com/forum/forum.php" title="Diễn đàn">Diễn Đàn</a></li>
</ul>
<a href="#" class="back"><img src="http://thptcamxuyen.com/images/nav_01sub.png" alt="" /> <span>Back</span></a>
<!--End Navigation-->
<!--Begin Content-->
<div id="contentwrap">
<!--Privacy Policy Content-->
<div id="privacy" class="content">
<div class="content_left">
<h2>Thông tin</h2>
Diễn đàn THPT Cẩm Xuyen được thành lập ra vào ngày 26 tháng 05 năm 2011. Vì vậy 26/05/2011 được lấy làm Ngày sinh nhật của Diễn đàn. Với sự hỗ trợ:
<br>Sieumicro: 0936 111 039
<br>NFSIT: 0985 997 107
<br>Ai Đây: 0975 033 855<br />
<br />
</div>
<div class="content_right">
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<!--End Privacy Policy Content-->
</div>
<!--End content-->
<!--Begin content-->
<div id="footer">
<div id="copyright">THPT Cẩm Xuyên 2011 - 2012 | <a href="#" class="more3" title="#privacy">Chi tiết</a></div>
<div id="sound_on"><a href="#" id="bg_sound">Sound <span>On</span></a></div>
</div>
<!--End Begin content-->
</div>
<!--Sound Files-->
<audio id="sound" src="http://thptcamxuyen.com/sound3.ogg"></audio>
<audio id="sound1" src="http://thptcamxuyen.com/sound/sound95.ogg"></audio>
<audio id="sound2" src="http://thptcamxuyen.com/sound/sound95.ogg"></audio>
<audio id="sound3" src="http://thptcamxuyen.com/sound/sound28.ogg"></audio>
<audio id="sound4" src="http://thptcamxuyen.com/sound/sound1.ogg"></audio>
<audio id="player" autoplay="autoplay" loop src="http://thptcamxuyen.com/sound/sound136.ogg"> </audio>
<!--End Sound Files-->
</body>
</html>
cubimtq đã viết:Code hoàn chỉnh cho cái thím đây
Demo : [You must be registered and logged in to see this link.]
- Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Welcome To Website THPT Cẩm Xuyên</title>
<link href="http://thptcamxuyen.com/css/style.css" rel="stylesheet" type="text/css" />
<!--Google Font Css-->
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,700' rel='stylesheet' type='text/css'>
<!--HTML5 Hack for IE-->
<!--[if IE]><script src="http://thptcamxuyen.com/js/html5.js" type="text/javascript"></script><![endif]-->
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery-latest.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.smart3d.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.effects.core.js"></script>
<!--My custom scripts-->
<script type="text/javascript" src="http://thptcamxuyen.com/js/function.js"></script>
<!--Begin Content Scroll-->
<link href="http://thptcamxuyen.com/css/flexcrollstyles.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="http://thptcamxuyen.com/js/flexcroll.js"></script>
<!--Begin Testimonial-->
<link rel='stylesheet' type="text/css" href="http://thptcamxuyen.com/css/testimonialrotator.css"/>
<script src="http://thptcamxuyen.com/js/testimonialrotator.js" type="text/javascript"></script>
<!--Begin Photo Gallery-->
<link rel="stylesheet" href="http://thptcamxuyen.com/css/galleriffic-3.css" type="text/css" />
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.history.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="http://thptcamxuyen.com/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('div.content').css('display', 'block');
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 8,
preloadAhead: 10,
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: '‹ Previous Photo',
nextLinkText: 'Next Photo ›',
nextPageLinkText: 'Next ›',
prevPageLinkText: '‹ Prev',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>
<!--Contact Form-->
<script type="text/javascript" src="http://thptcamxuyen.com/js/master.js"></script>
</head>
<body>
<!--Begin Page Loading-->
<div id="page_loading"><span></span> Loading...</div>
<!--End Begin Page Loading-->
<div id="wrapper">
<!--Begin Navigation-->
<ul id="nav">
<li> <img src="http://thptcamxuyen.com/images/logo.png" alt="" /></li>
<li class="nav1"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thpt-camxuyen-hatinh.edu.vn" title="Trang chủ">Trang Chủ</a></li>
<li class="nav2"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thpt-camxuyen-hatinh.edu.vn/NewsDetail.aspx?Id=86d4f913-ffeb-4374-8417-715da2643ede" title="Thông tin">Thông tin</a></li>
<li class="nav3"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thptcamxuyen.com/album" title="Albums">Albums</a></li>
<li class="nav4"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thptcamxuyen.com/forum/announcement.php?f=2" title="Nội quy">Nội Quy</a></li>
<li class="nav5"> <img src="http://thptcamxuyen.com/images/nav_03.png" alt="" /> <a href="http://thptcamxuyen.com/forum/forum.php" title="Diễn đàn">Diễn Đàn</a></li>
</ul>
<a href="#" class="back"><img src="http://thptcamxuyen.com/images/nav_01sub.png" alt="" /> <span>Back</span></a>
<!--End Navigation-->
<!--Begin Content-->
<div id="contentwrap">
<!--Privacy Policy Content-->
<div id="privacy" class="content">
<div class="content_left">
<h2>Thông tin</h2>
Diễn đàn THPT Cẩm Xuyen được thành lập ra vào ngày 26 tháng 05 năm 2011. Vì vậy 26/05/2011 được lấy làm Ngày sinh nhật của Diễn đàn. Với sự hỗ trợ:
<br>Sieumicro: 0936 111 039
<br>NFSIT: 0985 997 107
<br>Ai Đây: 0975 033 855<br />
<br />
</div>
<div class="content_right">
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<!--End Privacy Policy Content-->
</div>
<!--End content-->
<!--Begin content-->
<div id="footer">
<div id="copyright">THPT Cẩm Xuyên 2011 - 2012 | <a href="#" class="more3" title="#privacy">Chi tiết</a></div>
<div id="sound_on"><a href="#" id="bg_sound">Sound <span>On</span></a></div>
</div>
<!--End Begin content-->
</div>
<!--Sound Files-->
<audio id="sound" src="http://thptcamxuyen.com/sound3.ogg"></audio>
<audio id="sound1" src="http://thptcamxuyen.com/sound/sound95.ogg"></audio>
<audio id="sound2" src="http://thptcamxuyen.com/sound/sound95.ogg"></audio>
<audio id="sound3" src="http://thptcamxuyen.com/sound/sound28.ogg"></audio>
<audio id="sound4" src="http://thptcamxuyen.com/sound/sound1.ogg"></audio>
<audio id="player" autoplay="autoplay" loop src="http://thptcamxuyen.com/sound/sound136.ogg"> </audio>
<!--End Sound Files-->
</body>
</html>
Trang 1 trong tổng số 2 trang Chuyển đến trang : 1, 2
Similar topics
|
|