Hiển thị các bài đăng có nhãn Menu Scroll all_web. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Menu Scroll all_web. Hiển thị tất cả bài đăng

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>

Chủ Nhật, 23 tháng 6, 2013

duy chuyển chuột xuống hình ảnh tự động duy chuyển xuống ngay trên đầu trang



<script  type="text/javascript">
var flag123=1;
$(window).scroll(function(){
if(flag123!=1000){
t = parseInt($(window).scrollTop());
if(t>345){
$('.menu_row').show();
$('.menu_row').css({top:t});
}else{
$('.menu_row').hide();                   
}
}
});
$(document).ready(function(e) {
$(".close_button").click(function(){
$('.menu_row').hide(500);
flag123=1000;
});
$(".xoapopup").click(function(){
$.cookie("popup",0,{path:"/"});
alert("done");
//$.get("modules.php",{"name":"Shoping","op":"xoacookie"},function(){alert("done");});
});
</script>


http://www.mediafire.com/download/fx3mfl9389tl1nf/window_scroll.rar

link website: retot.com + clip.vn 
 #------------------------------------------------------------------------------------#
 if(flag123!=1000){
t = parseInt($(window).scrollTop())-51; 
// dấu (-50 or +50) là tùy chỉnh lên xuống của div đó
if(t>80){
$('.web_action').show();                             
$('.web_action').css({top:t});
}else{                                
$('.web_action').css({top:0,left:0});    
//$('.adv').hide();                
}
}
#--------------------------------------------------------------------------------------------------#

#### Javascript
$(window).scroll(function() {
if ($(window).scrollTop() > 180) {
    $("#thanh_cuon").addClass("thanh_cuon");
}
else {
    $("#thanh_cuon").removeClass("thanh_cuon");
}
});

#### CSS
.thanh_cuon {
    position: fixed;
    z-index: 999999;
    width: 1199px;
    top: 0;
    margin-top: 0;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}