Home > Web Front-end > JS Tutorial > body text

jquery plug-in humanized message display_jquery

WBOY
Release: 2016-05-16 19:06:33
Original
1009 people have browsed it

This plug-in is based on JQ and has been tested under IE6, 7, FF1.5 and Opera9
Features:
1. Very good compatibility
2. Can override select
3. Very easy to use Convenient, if you want to display some html in it, the previous method was to splice the html into a string (js), but now you can edit it visually
4. Covers basically commonly used functions
5. I did it in a hurry, please feel free to ask any questions
List some simple uses:

$('#msg').showMsg({autoMiddle:true})
//Centered display The element with the ID msg will automatically disappear after 2 seconds

$('#msg').showMsg({autoMiddle:true,time:5000})
//Display the element with the ID msg in the center element and disappear automatically after 5 seconds

$('#msg').showMsg({msg:'Haha, okay',left:0,top:0,time:5000,callback:_alert })
//The element with ID msg is displayed in the upper left corner and disappears automatically after 5 seconds. After disappearing, the callback function is triggered

$("#domMessage").showMsg({autoMiddle: true,coverBody:true,autoClose:false,left:200,top:300});
//Display the element with ID domMessage in the center, covering the screen (not automatically closing)
The relevant parameter description is as follows:
Click here to open new window
CTRL Mouse wheel to zoom in/out
Online Demohttp://img.jb51.net/online/jq_msg/index.html

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template