MsgTips Top pop-up window and msgTips pop-up window
Recently, many websites use pop-up window at the top, and you do not need to manually click OK. This is very convenient for users, so I also found a lot of great god's code and sorted it out so that I can find it later.
Front end:
@ {Layout = null ;}<! Doctype html public "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <Html xmlns =" http://www.w3.org/1999/xhtml "> <Head> <meta http-equiv =" Content-Type "content =" text/html; charset = gb2312 "/> <title> display operation tips on the top of the jQuery webpage plug-in-aggregate sharing-www.juheweb.com </title> <link href = "~ /Top/css/css.css "rel =" stylesheet "/> <script src = "~ /Top/js/jquery-1.8.3.min.js "> </script> <script src = "~ /Top/js/msgTips. js "> </script> <script type =" text/javascript "> $ (function () {$ (" # ie "). manhua_msgTips ({Event: "click", // RESPONSE Event timeOut: 4000, // The time displayed at the prompt layer msg: "To ensure better website experience, upgrade IE to version 8.0 or later! ", // Display message speed: 0, // Sliding speed type:" warning "// prompt type (1, success 2, error 3, warning )}); $ ("# no "). manhua_msgTips ({Event: "click", // RESPONSE Event timeOut: 3000, // The time displayed at the prompt layer msg: "Sorry! An error occurred while operating this plug-in. Please try again! ", // The displayed message speed: 0, // Sliding speed type:" error "// prompt type (1, success 2, error 3, warning )}); $ ("# yes "). manhua_msgTips ({Event: "click", // RESPONSE Event timeOut: 2000, // The time displayed at the prompt layer msg: "Congratulations! Operation successful. Welcome to the aggregation sharing website ", // The displayed message speed: 300, // Sliding speed type: "success" // prompt type (1, success 2, error 3, warning)}) ;}</script> <style> input {padding: 10px 20px ;} </style>
I personally think it is very useful. This is referenced from a great God. If you have any offense, please tell me that I will delete it.
Download link: http://pan.baidu.com/s/1hr8vIF6
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
