შემოგვიერთდით FACEBOOK ზე
მთავარი » »
2024-12-26 21:30:40 meniu
+A შრიფტის გადიდება | -A შრიფტის დაპატარავება
Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>meniu only123.my1.ru </title>
<style>
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
margin: 0;
outline: 0 none;
padding: 0;
}
html,
body { height: 100%; }
body { background: #252525; }
.menu {
cursor: pointer;
padding: 15px;
max-height: 100%;
overflow: hidden;
position:absolute;
}
.menu .line {
height: 4px;
display: block;
width: 40px;
background: #FFF;
box-shadow: 0 1px 6px #000;
margin: 10px;
opacity: 1;
transition: all 500ms ease;
}
.menu .line ul { list-style: none; }
.menu.active .line:nth-child(1) {
height: 1000px;
width: 250px;
margin: -20px;
box-shadow: 0 0 0 rgba(1, 1, 1, 0);
}
.menu.active .line:nth-child(2),
.menu.active .line:nth-child(3) { opacity: 0; }
.nav { padding: 20px; }
.menu:not(.active) .nav li {
opacity: 0;
margin-bottom: -10px;
}
.menu .nav li {
opacity: 1;
font-size: 16px;
margin-bottom: 20px;
transition: all 500ms ease;
}
</style>
</head>
<body>
<div class="menu">
<div class="line">
<ul class="nav">
<li>Home</li>
<li>Products</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</div>
<i class="line"></i><i class="line"></i> </div><h1 style="color:#fff; margin-left:200px;">meniu only123.my1.ru</h1><div class="jquery-script-ads" style="margin-left:200px;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".menu").click(function(){
$(this).toggleClass("active");
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS
Code
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>meniu only123.my1.ru </title>
<style>
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
margin: 0;
outline: 0 none;
padding: 0;
}
html,
body { height: 100%; }
body { background: #252525; }
.menu {
cursor: pointer;
padding: 15px;
max-height: 100%;
overflow: hidden;
position:absolute;
}
.menu .line {
height: 4px;
display: block;
width: 40px;
background: #FFF;
box-shadow: 0 1px 6px #000;
margin: 10px;
opacity: 1;
transition: all 500ms ease;
}
.menu .line ul { list-style: none; }
.menu.active .line:nth-child(1) {
height: 1000px;
width: 250px;
margin: -20px;
box-shadow: 0 0 0 rgba(1, 1, 1, 0);
}
.menu.active .line:nth-child(2),
.menu.active .line:nth-child(3) { opacity: 0; }
.nav { padding: 20px; }
.menu:not(.active) .nav li {
opacity: 0;
margin-bottom: -10px;
}
.menu .nav li {
opacity: 1;
font-size: 16px;
margin-bottom: 20px;
transition: all 500ms ease;
}
</style>
</head>
<body>
<div class="menu">
<div class="line">
<ul class="nav">
<li>Home</li>
<li>Products</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</div>
<i class="line"></i><i class="line"></i> </div><h1 style="color:#fff; margin-left:200px;">meniu only123.my1.ru</h1><div class="jquery-script-ads" style="margin-left:200px;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".menu").click(function(){
$(this).toggleClass("active");
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
| მასალის სახელი | meniu |
|---|---|
| ნახვები | 962 |
| ID | 150 |
| რეიტინგი | 5.0/4 |
| ლიცენზია | უფასო |
| სულ კომენტარები: 0 | |
ინფორმაცია
Follow Me
თქვენი ბანერის ადგილი
ავტორიზაცია
რეკომენდირებულია
სტატისტიკა
ყველა
მომხმარებლები
სტუმრები
კონტაქტი
სულ ონლაინში 3
სტუმრები 3
მომხმარებლები 0
Powered by ©w3.css