File size: 2.38Kb
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="../src/jquery.m.toast.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../src/jquery.m.toast.js"></script>
<title>jQuery m.toast Plugin Demos</title>
</head>
<body>
<h1>jQuery m.toast Plugin Demos</h1>
<div class="jquery-script-ads" style="margin:30px auto;"><script type="text/javascript"><!--
google_ad_client = "ca-pub-2783044520727903";
/* jQuery_demo */
google_ad_slot = "2780937993";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<button id="btn1">default</button>
<button id="btn2">set width 500px</button>
<button id="btn3">set duration 0.5s</button>
<button id="btn4">set type danger</button>
<button id="btn5">set align top</button>
<button id="btn6">set singleton false</button>
</body>
<script type="text/javascript">
$(function () {
$('button').click(function(){
var id = $(this).attr('id');
if(id == 'btn1')
$.toast('default');
else if(id == 'btn2')
$.toast('specify width 500px', {'width': 500});
else if(id == 'btn3')
$.toast('set duration 0.5s', {'duration': 500});
else if(id == 'btn4')
$.toast('set type danger', {'type': 'danger'});
else if(id == 'btn5')
$.toast('set align top', {'align': 'top'});
else if(id == 'btn6')
$.toast('set singleton false', {'singleton': false});
});
});
</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>
</html>