A simple and easy-to-understand pop-up box for mobile terminals

A simple and easy-to-understand pop-up box for mobile terminals

First, let us show you that if you feel pretty good, please refer to the implementation code.

The key code is as follows:

Function tishi (content, url) {var html = '<div class = "xiaoxi none" id = "msg" style = "z-index: 9999; left: 5%; width: 90%; position: fixed; background: none; top: 50%; "> <p class =" msg "style =" background: none repeat scroll 0 0 #000; border-radius: 30px; color: # fff; margin: 0 auto; padding: 1.5em; text-align: center; width: 70%; opacity: 0.8; "> </p> </div> '; $ (document. body ). append (html); $ ("# msg "). show (); $ (". msg "content.html (content); if (url) {window. setTimeout ("location. href = '"+ url +"' ", 1500);} else {setTimeout ('$ (" # msg "). fadeOut () ', 1500) ;}} tishi ('message succeeded ');

The above is a simple and easy-to-understand pop-up box on the mobile terminal introduced by xiaobian. I hope it will be helpful to you. If you have any questions, please leave a message and I will reply to you in a timely manner. Thank you very much for your support for the help House website!