Based on the jQuery message prompt box plug-in Tipso, jquerytipso

Based on the jQuery message prompt box plug-in Tipso, jquerytipso

The jQuery message prompt box plug-in to be shared today is named Tipso. It features the ability to define the display position of the prompt box and dynamically change the prompt content of the prompt box, it should be said that it is a flexible jQuery message prompt box plug-in. As follows:

Download Online Preview source code

Implementation Code:

<Div class = "dowebok"> 
Js Code:
$ (Function () {// 1 $ ('# tip1 '). tipso ({useTitle: false}); // 2 $ ('# tip2 '). tipso ({useTitle: false, position: 'left'}); // 3 $ ('# tip3 '). tipso ({useTitle: false, background: 'tomato'}); // 4 $ ('# tip4 '). tipso (); // 5 $ ('# tip5 '). tipso ({useTitle: false}); $ ('# btn5 '). on ({click: function (e) {if ($ (this ). text () = 'display') {$ (this ). text ('hiding '); $ (' # tip5 '). tipso ('show');} else {$ (this ). text ('display'); $ ('# tip5 '). tipso ('hide ');} e. preventDefault () ;}}); // 6 $ ('# tip6 '). tipso ({useTitle: false}); $ ('# btn6 '). on ('click', function () {var $ val = $ (this ). prev (). val (); if ($ val) {$ ('# tip6 '). tipso ('update', 'content', $ val) ;}}); // 7 $ ('# tip7 '). tipso ({useTitle: false}); // 8 $ ('# tip8 '). tipso ({useTitle: false, onBeforeShow: function () {detail ('{status'}.html ('beforeshow ') ;}, onShow: function () {detail ('{status'}.html ('show');}, onHide: function () {('{status'}.html ('hide ');}});});
Via: http://www.w2bc.com/Article/27677