This plug-in is based on JQ and passed the test in IE6, 7, FF1.5 and Opera9.
Features:
1. Excellent compatibility
2. Overwrite select
3. It is very convenient to use. If you want to display some html in it, the previous method is to splice html into a string (js), but now you can edit it visually.
4. covers basic common functions
5. The rush. If you have any questions, please submit them.
Simple usage:
$ ('# Msg'). showMsg ({autoMiddle: true })
// The element whose ID is msg is displayed in the center and disappears automatically after 2 seconds
$ ('# Msg'). showMsg ({autoMiddle: true, time: 5000 })
// The element whose ID is msg is displayed in the center and disappears automatically after 5 seconds
$ ('# Msg'). showMsg ({msg: 'haha, okay ', left: 0, top: 0, time: 5000, callback: _ alert })
// The element with the ID msg is displayed in the upper left corner, and disappears automatically after 5 seconds. The callback function is triggered when the elements disappear.
$ ("# DomMessage"). showMsg ({autoMiddle: true, coverBody: true, autoClose: false, left: 200, top: 300 });
// The elements whose ID is domMessage are displayed in the center to overwrite the screen (disabled automatically)
Parameters are described as follows:
Screen. width * 0.7) {this. resized = true; this. width = screen. width * 0.7; this. style. cursor = 'hand'; this. alt = 'click here to open new window \ nCTRL + Mouse wheel to zoom in/out';} "onclick =" if (! This. resized) {return true;} else {window. open (this. src);} "alt =" Click here to open new window CTRL + Mouse wheel to zoom in/out "src =" http://www.bkjia.com/uploads/allimg/131015/22310L005-0.jpg "width = 716 onload =" if (this. width> screen. width * 0.7) {this. resized = true; this. width = screen. width * 0.7; this. alt = 'click here to open new window \ nCTRL + Mouse wheel to zoom in/out';} "border = 0 resized =" true ">
Online Demo http://img.jb51.net/online/jq_msg/index.html