Get started with jquery.smartbanner CDN
MIT licensed
JQuery.smartbanner is a lightweight library for creating responsive, customizable banner ads in jQuery.
Tags:- mobile
- ios
- android
Stable version
Copied!
How to start using jquery.smartbanner CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with jquery.smartbanner CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.cdnhub.io/jquery.smartbanner/1.0.0/jquery.smartbanner.min.js"></script>
<style>
#smart-banner {
display: none;
}
</style>
</head>
<body>
<div id="smart-banner" class="alert alert-info text-center">
<p>Welcome to our website!</p>
</div>
<button id="show-banner" class="btn btn-primary">Show Banner</button>
<script>
$(document).ready(function() {
$('#show-banner').click(function() {
$('#smart-banner').smartBanner({
autohide: false,
delay: 5000
});
$('#smart-banner').fadeIn();
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!