1. MD5 encryption verification during Ajax Login
Ajax logon focus: after entering the user name and password, submit the information to the server using Ajax. The server determines that the user exists, if a cookie exists, the logon succeeds and you are redirected to the Management Interface (sometimes you need to write a cookie or use the Session, which is not discussed here). If the cookie does not exist, the logon fails. The password is encrypted with hex_md5 (string) in MD5 and then transmitted to the background.
Login Code
1 // click the login button 2 function DynamicLogin () {3 4 5 var UID =$ ('# username '). val (); 6 var PWD =$ ('# password '). val (); 7 if (UID = "" | PWD = "") {8 9 if (UID = "") {10 $ ("# UserName "). focus (); 11} 12 else if (PWD = "") {13 $ ("# PassWord "). focus (); 14} 15 alert ("the user name or password cannot be blank! "); 16} 17 else {18 jQuery. ajax ({19 cache: false, 20 type: "POST", 21 url: "/WebManage/WebLook/Login. aspx ", 22 data:" UserName = "+ escape (UID) +" & PassWord = "+ hex_md5 (escape (PWD), 23 24 beforeSend: function () 25 {26 $ ("# login" Development .css ("display", "none"); 27 $ ("# loading" Development .css ("display", "block "); // click "loading" on the logon page to hide the input box 28 29}, 30 success: function (msg) 31 {32 33 if (msg = "E ") {34 alert ("the user name or password is blank! "); 35 $ (" # UserName "). focus (); 36 return false; 37} 38 else if (msg = "N") {39 alert ("the user does not exist or the password is incorrect! "); 40 $ (" # UserName "). focus (); 41 return false; 42} 43 else if (msg = "R") {44 alert ("account not reviewed! Contact the administrator! "); 45 $ (" # UserName "). focus (); 46 return false; 47} 48 else {49 50 $ ("# login "). load ("/WebManage/Weblook/LoginDetail. aspx "); 51 52} 53 54}, 55 complete: function (data) 56 {57 58 $ (" # loading ").css (" display "," none "); // click "Log on" to display the lusername and hide loading59 $ ("# login" ).css ("display", "block"); 60} 61 62}); 63 64 65} 66}
References: http://www.cnblogs.com/alexis/archive/2010/09/04/1818144.html
Second: jquery ui tools scrollable
Scrollable is a flexible and lightweight jQuery plugin (3.9kb) used to create scrolling content. Any content (HTML, video, file, image, etc.) can be used as a scroll item. Supports horizontal and vertical scrolling.
The rolling plug-in provides the property configuration. vertical: true supports vertical scrolling, while mousewheel: true supports the mouse wheel drive.
<Script src = "/Content/javascript/jQuery/jquery. tools. min. js" type = "text/javascript"> </script>
<Div id = "chained" class = "scrollable L_newin">
<! -- Root element for the items -->
<Div class = "items" style = "left:-1360px;">
# If ($ dtinfo. rows. count = 0) <span align = "center"> no records </span> # else # foreach ($ dr in $ dtinfo. rows)
# End
</Div>
</Div>
References: http://www.poluoluo.com/jzxy/201110/143879.html
Third: MSClass is a general and uninterrupted rolling JS encapsulation class that supports the scrolling, cutting-in, and gradual display of almost all popular image or text, it also supports multiple forms, such as horizontal, vertical, continuous, intermittent, and slow motion.
Add: <script src = "http://www.cnblogs.com/Content/javascript/MSClass.js" type = "text/javascript"> </script>
Marque Code
1 <div class = "content-center-box"> 2 <div class = "notice-box div-open"> 3 <div class = "fl mt10"> 4
References: http://www.popub.net/script/MSClass.html