A Pen by Manoz
How do I make an a pen by manoz?
What is a a pen by manoz? How do you make a a pen by manoz? This script and codes were developed by Manoz on 14 June 2022, Tuesday.
A Pen by Manoz - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Manoz</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ .main-menu ul { margin: 0; padding: 0; list-style: none; background-color: #d8d8d8;
}
.main-menu ul li { display: inline-block; zoom: 1; margin: 0 10px; vertical-align: top; *display: inline;
}
.sub-item {position: relative;}
.nav .sub-menu { position: absolute; top: 100%; left: 0;
}
/* Ton menu Mobile
------------------------------------- */
.main-menu.prout { max-width: 150px;
}
.main-menu.prout ul li { display: block; margin: 0;
}
.main-menu.prout .nav .sub-menu { display: none; position: initial; border-top: 1px solid #777; border-bottom: 1px solid #777;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <nav id="mon-menu" class="main-menu prout" role="navigation"> <ul class="nav"> <li>Lorem</li> <li class="sub-item">Hover me <ul class="sub-menu"> <li>Flipendo</li> <li>Wingardium</li> <li>Leviosa</li> </ul> </li> <li>Dolor</li> </ul>
</nav> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
A Pen by Manoz - Script Codes CSS Codes
.main-menu ul { margin: 0; padding: 0; list-style: none; background-color: #d8d8d8;
}
.main-menu ul li { display: inline-block; zoom: 1; margin: 0 10px; vertical-align: top; *display: inline;
}
.sub-item {position: relative;}
.nav .sub-menu { position: absolute; top: 100%; left: 0;
}
/* Ton menu Mobile
------------------------------------- */
.main-menu.prout { max-width: 150px;
}
.main-menu.prout ul li { display: block; margin: 0;
}
.main-menu.prout .nav .sub-menu { display: none; position: initial; border-top: 1px solid #777; border-bottom: 1px solid #777;
}
A Pen by Manoz - Script Codes JS Codes
(function($) { $( ".prout .nav .sub-item" ).hover(function() { $( ".sub-menu" ).toggle( "fast" ); });
})(jQuery);
Developer | Manoz |
Username | Manoz |
Uploaded | June 14, 2022 |
Rating | 3 |
Size | 2,424 Kb |
Views | 42,504 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Playing with GSAP, TimelineMax, Draggable etc... | 2,956 Kb |
Stunning CSS box-shadow | 2,027 Kb |
Toggle button in pure CSS | 3,300 Kb |
Twitter Widget | 4,522 Kb |
Share Widget UI | 2,815 Kb |
Pure css social buttons box | 3,571 Kb |
CSS3 Loading animations | 4,958 Kb |
Lovel 14 | 3,545 Kb |
Timeline visualizer for GSAP Timelines | 3,803 Kb |
CSS3 Experiments | 5,485 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
CSS background-size - GSAP | Jonathan | 2,209 Kb |
Importable Clearfix | Corysimmons | 1,411 Kb |
Long Shadow Button | Uixcrazy | 3,550 Kb |
Realistic Buttons | Stoypenny | 2,248 Kb |
700 Synapses Per Second | Silentkrange | 2,138 Kb |
Alter bg opacity on hover... | Chrisboon27 | 2,054 Kb |
Midterm dry run | Jds317 | 1,649 Kb |
Portfolio page | Bhavya_j | 2,804 Kb |
Css3 slide | Nakome | 3,190 Kb |
ECharts Version 3.0 - Bar Marker Chart | WebCodePro | 2,726 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!