JQuery focus diagram with the online account opening form, and jquery focus for online forms

JQuery focus diagram with the online account opening form, and jquery focus for online forms

JQuery focus chart with an online account opening form is a special effect code for stock companies to switch between the left and right sides of a form picture. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Div class = "index-banner"> <div class = "head-login"> <div class = "login-right"> <div class = "fan0508-hdnav"> <ul> <li class = "on"> precious metal investment </li> <li class = "last-li"> oil investment </li> </ul> </div> <div class = "fan0508-bdnav"> <div class = "regist-ul" id = "reg"> <form action = "#" method = "post" name = "" target = ""_ self"> <ul> <li style = "display: none; "> <input class =" username "type =" "placeholder =" name "> </li> <input class =" telinput "type =" "placeholder =" "> </li> <input class =" codenput "type =" "placeholder =" "> <code class =" get-yz "> get Verification code </code> </li> </ul> <p class = "clear"> </p> <input type = "submit" class = "openAccount-down" value = "open an account now "> </form> </div> <div class =" regist-ul "id =" SYreg "style =" display: none "> <form action =" # "method =" post "name =" "target =" _ self "> <ul> <li style =" display: none; "> <input class =" username "type =" "placeholder =" name "> </li> <input class =" telinput "type =" "placeholder =" "> </li> <input class =" codenput "type =" "placeholder =" "> <code class =" get-yz "> get Verification code </code> </li> </ul> <p class = "clear"> </p> <input type = "submit" class = "openAccount-down" value = "open an account now "> </form> </div> <div class =" hd "> <ul class =" num "> <li> </li> </ul> </div> <div class = "bd "> <ul class =" pic "> <li> <a href =" # ">  </a> </li> <a href = "#">  </a> </li> <a href = "#">  </a> </li> <a href = "#">  </a> </li> </ul> </div> <div class = "pnBtn prev"> <span class = "blackBg"> </span> <a class = "arrow" href = "javascript: void (0) "> </a> </div> <div class =" pnBtn next "> <span class =" blackBg "> </span> <a class =" arrow "href = "javascript: void (0) "> </a> </div>

Via: http://www.w2bc.com/Article/44987