jQuery

【jQuery】ウェブサイトの上部にスティッキーアラートバーを追加するjQuery Sticky Alert

October 29, 2017
jQuery Sticky Alert

jQuery Sticky Alertはウェブサイトの上部にスティッキーアラートバーを追加するjQueryプラグイン。
 

Installation

jquery.stickyalert.jsをインクルードします。

<script src="/path/to/jquery.stickyalert.js"></script>

またjquery.stickyalerts.css含めます

<link href="/path/to/jquery.stickyalert.css" rel="stylesheet" type="text/css" />

Usage

$(document).ready(function() {
	$('#alert-container').stickyalert({
		barColor: '#222', // alert background color
		barFontColor: '#FFF', // text font color
		barFontSize: '1.1rem', // text font size
		barText: 'I like bass and car audio :)', // the text to display, linked with barTextLink
		barTextLink: 'https://www.longren.io/', // url for anchor
		cookieRememberDays: '2', // in days
		displayDelay: '3000' // in milliseconds, 3 second default
	});
});
<div id="alert-container"></div>

MIT