Thứ Ba, 26 tháng 5, 2020

Scroll menu Fullpage

Download: tại đây

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Scroll chạy lên chạy xuống</title>

<link rel="stylesheet" href="/bootstrap.min.css">
<!-- jQuery -->
<script src="/jquery.js"></script>
<!-- Bootstrap JavaScript -->
<script src="/bootstrap.min.js"></script>
<script type="text/javascript" src="/thongtin_dn/jquery90f9.js"></script>
<script type="text/javascript" src="/thongtin_dn/jquery-migrate.min1576.js"></script>';
?>
<script type="text/javascript">
$(document).ready(function(){
$('.scroll a, a.scroll').click(function(e){
var rel    = $(this).attr('rel');
var destination  = rel.split('_')[0];
var window_width  = $(window).width();
var the_offset   = 120;
$('body , html').animate( { scrollTop: 50+ $( '#' + destination ).offset().top-the_offset } , 2000 , 'easeInOutCirc' );
if( window_width < 1025 ) {
$('#main-navigation').slideUp( 800, 'easeInOutCirc' );
}
e.preventDefault();
});

// $(".thongtin-head > ul > li").on('click', function() {
//  id = $(this).attr("data-id");
//  $(".thongtin-head > ul > li").removeClass("active");
//  $(".menu-"+id).addClass("active");
// });

// $(".showout-nsp").on('click', function() {
//  var nhomsp  = $(this).attr("data-mid");
//  var userid  = $(this).attr("data-userid");

// $.ajax({
// url: '/modules.php',
// type: 'POST',
// dataType: 'html',
// data: {name:'Shoping',op:'QR__doanhnghiep',nhomsp:nhomsp,userid:userid},
// })
// .done(function(data) {
// console.log(data);
// $(".mobisp-nhom").html(data);
// });
// });

});
</script>
<?php
echo'</head>
<body>';

echo'
<div class="thongtin-head">

<ul>
        <li class="menu-9 scroll active" data-id="9"><a href="javascript:void(0)" rel="thongtin_link">WEBSITE</a>
       </li>
     
        <li class="menu-39 scroll" data-id="39">
        <a href="javascript:void(0)" rel="bst_link">BỘ SƯU TẬP</a>
        </li>

        <li class="menu-79 scroll" data-id="79"><a rel="events_link" href="avascript:void(0)">EVENT</a>
        </li>
</ul>

</div>
';

echo'<div class="bodyheader">';

echo'<section id="thongtin" class="parallax">';

$http   =  substr($data[0]["user_website"],0,7);
$https  =  substr($data[0]["user_website"],0,8);

if($http){
$website = substr($data[0]["user_website"],7);
}elseif ($https) {
$website = substr($data[0]["user_website"],8);
}

echo $website;

echo'</section>';

echo'<section id="bst" class="parallax">';
echo'BỘ SƯU TẬP..............';
echo'</section>';

echo'<section id="events" class="parallax">';
    echo'EVENT..............';
            echo'</section>';


echo'</div>';

echo'
<script type="text/javascript" src="/thongtin_dn/jquery.easing.1.34e44.js"></script>
<script type="text/javascript" src="/thongtin_dn/jquery.textillate8a54.js"></script>
<script type="text/javascript" src="/thongtin_dn/jquery.scrollReveal.minc5da.js"></script>
<script type="text/javascript" src="/thongtin_dn/jquery.custom8a54.js"></script>
';
</body>
</html>

Không có nhận xét nào:

Đăng nhận xét