动态几何登录页面

一款好看的js控制动态几何图形背景页面，非常好看的登录界面，LOGIN页面。

此处代码已做修改，可直接用于织梦（dede）后端登录页面模板（login.htm）文件。

友情提示：文件压缩包若带有密码，均为：www.changfanku.com

<div class="wrap-container">
<div id="home_container" class="clearfix">
<div id="home_main">
<div class="inner-main">
<div class="login_box">
<div class="form-title">
<h3>登录</h3>
<h4>LOGIN</h4>
</div>
<form class="well form-horizontal" name="form1" method="post" action="login.php" style="background:#FFF">
<div class="logininput">
<input type="hidden" name="gotopage" value="<?php if(!empty($gotopage)) echo RemoveXSS($gotopage);?>" />
<input type="hidden" name="dopost" value="login" />
<input name='adminstyle' type='hidden' value='newdedecms' />
<fieldset>
<div id="div_id_username" class="clearfix control-group">
<label for="id_username" class="control-label requiredField">
帐号<span class="asteriskField">*</span>
</label>
<div class="controls">
<input class="textinput textInput" id="id_username" maxlength="30" name="userid" placeholder="用户名" type="text" />
</div>
</div>
<div id="div_id_password" class="clearfix control-group">
<label for="id_password" class="control-label requiredField">
密码<span class="asteriskField">*</span>
</label>
<div class="controls">
<input class="textinput textInput" id="id_password" name="pwd" placeholder="密码" type="password" />
</div>
</div>
<div id="div_id_remember" class="clearfix control-group">
<div class="controls">
<label for="id_remember" class="checkbox ">
<input class="checkboxinput" id="id_remember" name="remember" type="checkbox" />
三个星期内自动登录
</label>
</div>
</div>
</fieldset>
</div>
<fieldset class="form-actions" style="position:relative; margin-top:15px;">
<div class="lfAutoLogin">
<div class="form-field form-field-rc">
<label><a href="http://www.changfansem.com/content/">忘记密码？</a></label>
</div>
</div>
<div class="loginFormBtn clearfix">
<button class="login_btn js_login_btn" type="submit" style="width:100%;" name="sm1" onclick="this.form.submit();">登录</button>
<div class="zzy">最专业的互联网服务商</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>

上一篇:
下一篇:
变形粒子动画
一款彩色粒子放射特效