jQuery Growl

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-14 06:59:28

软件介绍

jQuery Growl is a Growl like notification plugin for jQuery (tested with version 1.2.3).

You can view a demo of it here:

http://projects.zoulcreations.com/jquery/growl/

Or download the uncompressed source here: NOTE: as this project is still fairly young, it is best to obtain a copy of the latest source from the demo page.

http://projects.zoulcreations.com/jquery/growl/jquery.growl.js

jQuery Growl is easily 'skinned' (themed, templated, whatever you want to call it) by using the following code syntax:

$.growl.settings.displayTimeout = 4000;
$.growl.settings.noticeTemplate = ''
+ '<div>'
+ '<div style="float: right; background-image: url(my.growlTheme/normalTop.png); position: relative; width: 259px; height: 16px; margin: 0pt;"></div>'
+ '<div style="float: right; background-image: url(my.growlTheme/normalBackground.png); position: relative; display: block; color: #ffffff; font-family: Arial; font-size: 12px; line-height: 14px; width: 259px; margin: 0pt;">'
+ ' <img style="margin: 14px; margin-top: 0px; float: left;" src="%image%" />'
+ ' <h3 style="margin: 0pt; margin-left: 77px; padding-bottom: 10px; font-size: 13px;">%title%</h3>'
+ ' <p style="margin: 0pt 14px; margin-left: 77px; font-size: 12px;">%message%</p>'
+ '</div>'
+ '<div style="float: right; background-image: url(my.growlTheme/normalBottom.png); position: relative; width: 259px; height: 16px; margin-bottom: 10px;"></div>'
+ '</div>';
$.growl.settings.noticeCss = {
position: 'relative'
};

UPDATE: (Added in '1.0.0-b2')
or by simply using $.growl.settings.noticeElemet(el), where 'el' can either be a DOM Element or a jQuery Object -- the contents (.html()) of 'el' are used ... not the container. This allows you to place the 'template' in a hidden div ("display: none") without requiring $.growl to 'unhide' it ...

本文地址:https://codercto.com/soft/d/23336.html

高性能HTML5

高性能HTML5

Jay Bryant、Mike Jones / 奇舞团 / 电子工业出版社 / 2014-5

《高性能html5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站,以及如何对已有网站进行改良,使得它们具备优越的性能。《高性能html5》中总结了许多实践经验、关键技巧,并提供了丰富的示例,作者有意无意地将软件工程以及前端开发技术之道隐藏于朴实的描述中。 通过学习《高性能html5》,读者能够掌握如何创建自己的高性能网站。《高性能html5》适合于想创建自己网站的初学者,同样......一起来看看 《高性能HTML5》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具