Elektron Kutubxona - Bu sarlavha

Css Codi
html, body { overflow-x: hidden; }
body { font-family: 'Kumbh Sans', sans-serif; }
div, a, p { color: #666666; }
p, address { line-height: 1.8; }
a { transition: all 0.3s ease; }
a:hover {
color: #006699;
text-decoration: none;
}
.container-fluid { margin-left: 0; }
.btn-primary {
padding: 12px 50px;
border-radius: 0;
background: #006699;
font-size: 1.2rem;
border: 0;
}
.btn-primary:hover { background: #068ccf; }
.tm-text-primary { color: #006699; }
.tm-text-secondary { color: #009999; }
hr { border-top: 4px solid #CCC; }
.tm-hr-short {
border-top: 1px solid #006699;
width: 238px;
margin-left: auto;
margin-right: auto;
}
/* Layout */
.tm-main { width: 100%; }
.tm-row-home {
padding-left: 15px;
padding-right: 15px;
}
.tm-mt-100 { margin-top: 100px; }
.tm-sidebar {
background-color: #fff;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1000;
padding-left: 40px;
padding-top: 40px;
width: 280px;
}
.tm-section-wrap {
width: calc(100% - 750px);
margin-left: 750px;
margin-right: 0;
position: relative;
}
.tm-section { padding: 50px 70px 50px 0; }
#gallery,
#about,
#contact {
padding-bottom: 150px;
}
.tm-parallax {
width: 400px;
min-height: 100%;
height: auto;
background: transparent;
position: absolute;
width: 400px;
left: -470px;
top: 0;
}
/* Hide scrollbar */
.tm-sidebar {
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
}
.tm-sidebar::-webkit-scrollbar {
/* WebKit */
width: 0;
height: 0;
}
.tm-sidebar-sticky {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.tm-nav {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
Js Codi
$(document).ready(function () {
/*************** Navigation *****************/
$("#tm-main-nav").singlePageNav({
filter: ':not(.external)'
});
$(".navbar-toggler").on("click", function(e) {
$(".tm-sidebar").toggleClass("show");
e.stopPropagation();
});
$("html").click(function(e) {
var sidebar = document.getElementById("tm-sidebar");
if (!sidebar.contains(e.target)) {
$(".tm-sidebar").removeClass("show");
}
});
$("#tm-sidebar .nav-link").click(function(e) {
$(".tm-sidebar").removeClass("show");
});
/*************** Gallery ******************/
var itemSelector = ".tm-gallery-item";
var responsiveIsotope = [ [480, 4], [720, 6], [1920, 9] ];
var itemsPerPageDefault = 12;
var itemsPerPage = defineItemsPerPage();
var currentNumberPages = 1;
var currentPage = 1;
var currentFilter = '*';
var filterValue = "";
var pageAttribute = 'data-page';
var pagerClass = 'tm-paging';
var $container = $('.tm-gallery').isotope({
itemSelector: itemSelector
});
$container.imagesLoaded().progress( function() {
$container.isotope('layout');
});
function changeFilter(selector) { $container.isotope({ filter: selector }); }
function goToPage(n) {
currentPage = n;
var selector = itemSelector;
var exclusives = [];
if(currentFilter != '*') {
exclusives.push(selector + '.' + currentFilter);
}
filterValue = exclusives.length ? exclusives.join('') : '*';
var wordPage = currentPage.toString();
filterValue += ('.'+wordPage);
changeFilter(filterValue);
}
function defineItemsPerPage() {
var pages = itemsPerPageDefault;
for( var i = 0; i < responsiveIsotope.length; i++ ) {
if( $(window).width() <= responsiveIsotope[i][0] ) {
pages = responsiveIsotope[i][1];
break;
}
}
return pages;
}
function setPagination() {
var SettingsPagesOnItems = function(){
var itemsLength = $container.children(itemSelector).length;
var pages = Math.ceil(itemsLength / itemsPerPage);
var item = 1;
var page = 1;
var selector = itemSelector;
var exclusives = [];
if(currentFilter != '*') {
exclusives.push(selector + '.' + currentFilter);
}
filterValue = exclusives.length ? exclusives.join('') : '*';
$container.children(filterValue).each(function(){
if( item > itemsPerPage ) {
page++;
item = 1;
}
wordPage = page.toString();
var classes = $(this).attr('class').split(' ');
var lastClass = classes[classes.length-1];
if(lastClass.length < 4){
$(this).removeClass();
classes.pop();
classes.push(wordPage);
classes = classes.join(' ');
$(this).addClass(classes);
} else {
$(this).addClass(wordPage);
}
item++;
});
currentNumberPages = page;
}();
var CreatePagers = function() {
var $isotopePager = ( $('.'+pagerClass).length == 0 ) ? $('
') : $('.'+pagerClass);
$isotopePager.html('');
if(currentNumberPages > 1){
for( var i = 0; i < currentNumberPages; i++ ) {
var $pager = '';
if(currentPage == i+1) {
$pager = $('');
} else {
$pager = $('');
}
$pager.html(i+1);
$pager.click(function(){
$('.tm-paging-link').removeClass('active');
$(this).addClass('active');
var page = $(this).eq(0).attr(pageAttribute);
goToPage(page);
});
$pager.appendTo($isotopePager);
}
}
$container.after($isotopePager);
}();
}
XULOSA
Men web dasturlash tilidan foydalangan xolata Elektron kutub xona saytini ishlab chiqdim
busayta ishlangan codlar HTML,CSS,JS,PHP,PYTHON codlaridan foydalandim saytning asosiy maqsadi yoshlarni mobil qurilmalarda ham oson kitob o’qishlari mumkin bu electron kutubxonadan istalgan kitobni topish mumkin oson va qulay yuklab olish mumkin bu kutubxonada istalgan o’quv kutoblarini buyurtma ham qilish mumkin kitobni asosan electron avudio kitob xolata olidani.
Foydalanilgan adabiyotla
http://library.tuit.uz.
https://uzpharmagency.uz/oz/menu/elektronnaja-biblioteka-
https://tami.uz/matnga_qarang.php?id=230
https://arxiv.uz/uz/documents/referatlar/informatika-va-at/elektron-kutubxona-asosiy-tushunchalar-ta-riflar-funksiyalar-vazifalar