jQuery拖拉顶部滑出响应通知层插件

jQuery拖拉顶部滑出响应通知层插件1413
你可以通过这个神奇的插件管理您的通知。

调用示例
<script src="assets/js/slide.min.js"></script>
    <script>	
		$(document).ready(function() {
			$(".wrapper-slider").Slide({
				refreshAgo: true,
				slidewithclick:true,
				on: function(ids) {
					//Do anything
					console.log("Done. You have  the elements with id: " + JSON.stringify(ids));
				},
				categories:[
					{
						//id: 0 --> auto_increment
						title:'My news',
						icon: 'assets/images/icon/message.png'
					},
					
				],
				notifications: [
					{
						id:0,
						category: 0,
						title: 'First news',
						text: 'This is the first news!',
						ago: new Date(2013, 6, 10, 10, 55, 0)
						
					},
					{
						id:1,
						category: 0,
						title: 'Second news',
						text: 'This is the second news, is it difficult? ;)',
						ago: new Date(2013, 6, 10, 12, 0, 0)
					},
				]
			});
			
			$("body").css({overflow:"auto"});

        });
		
	</script>
  简单加载通知
  删除通知回调函数
  个人图标

也许你还喜欢