A Pen by Mark Michon
How do I make an a pen by mark michon?
What is a a pen by mark michon? How do you make a a pen by mark michon? This script and codes were developed by Mark Michon on 20 January 2023, Friday.
A Pen by Mark Michon - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Mark Michon</title>
</head>
<body> <script src="js/index.js"></script>
</body>
</html>
A Pen by Mark Michon - Script Codes JS Codes
(function(){ // the minimum version of jQuery we want var v = "2.2.3"; // check prior inclusion and version if (window.jQuery === undefined || window.jQuery.fn.jquery < v) { var done = false; var script = document.createElement("script"); script.src = "https://ajax.googleapis.com/ajax/libs/jquery/" + v + "/jquery.min.js"; script.onload = script.onreadystatechange = function(){ if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) { done = true; initMyBookmarklet(); } }; document.getElementsByTagName("head")[0].appendChild(script); } else { initMyBookmarklet(); } function initMyBookmarklet() { (window.myBookmarklet = function() { var $overlay = $('<div id="deeplink-overlay">').css({ position: 'absolute', top: 0, left: 0, bottom: 0, right: 0, background: "rgba(0,0,0,.75)", "z-index": 1e4, }).appendTo('body'); var $popup = $('<div id="deeplink-popup">').css({ position: 'absolute', left: "calc(50% - 200px)", top: "20%", width: "400px", background: "#fff", "text-align": "center", "z-index": 1e5, }); var $message = $('<p>Select and ⌘ + C to copy</p>') .css({ }) .appendTo($popup); var $field = $('<input type="text" id="url" />') .val('test') .css({ display: "block", margin: "0 auto", width: "80%", marginBottom: "20px" }) .val('http://wwwww') .appendTo($popup).on('load', function(){ this.select(); });; var $button = $('<button id="deeplink-button">').css({ width: "100px", "line-height": "2.5", borderRadius: "4px", border: "none", backgroundColor: "#4D828C", color: "#fff", margin:"0 0 20px" }).text("Got it!").appendTo($popup).on('click', function(){ cleanup(); }); function cleanup() { $popup.remove(); $overlay.remove(); } $popup.appendTo('body'); })(); }
})();
Developer | Mark Michon |
Username | markmichon |
Uploaded | January 20, 2023 |
Rating | 3 |
Size | 2,220 Kb |
Views | 6,072 |
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 |
Fluid Heart | 1,939 Kb |
Animated Search Icon | 2,528 Kb |
List experiment | 2,259 Kb |
Get Image Ratio | 1,586 Kb |
Flex images demo | 1,857 Kb |
Image reveal on hover | 2,995 Kb |
Form Validation Starter example | 3,430 Kb |
Moving gradient | 2,619 Kb |
Animated Graph | 3,275 Kb |
Dim Extra Content | 2,148 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 |
Subscription Newsletter - Before inlining | Bradstrong | 7,526 Kb |
Fixed Scrolling Nav Bar | Philsinatra | 0 Kb |
Wikipedia Viewer | Codinger | 4,681 Kb |
Pure CSS read more toggle | Idered | 2,344 Kb |
Starting out with Ember.JS | Cfleschhut | 4,808 Kb |
Simple animated hover effect | Pobee-norris | 3,044 Kb |
Click handler test | Snapson | 2,329 Kb |
Beautiful canvas stars | Matths | 2,399 Kb |
CSS Chat Bubbles | Boylett | 2,094 Kb |
Birthday Party Starter | Aussieyang | 1,629 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!