页面粒子效果-登录页面

Particleground是一个JavaScript插件，用于时髦的后台粒子系统。包括鼠标在桌面设备和移动设备上的陀螺仪控制的可选视差效果。在支持HTML5画布的浏览器中工作。

相关链接

• Github地址：https://github.com/jnicol/particleground

• 官网示例地址：http://jnicol.github.io/particleground/

    	<dl class="login_text;" style="z-index: 9999;position: relative;top:31%;left:44%;">
  
    		<dd class="login_row" style="margin-top: -100px; margin-left: -150px; font-size: 30px; color: #ffffff;">
    			<p>进销存管理系统</p>
    		</dd>
  
    		<dd class="login_row">
    			 
    		</dd>
  
    		<dd class="login_row"  style="color: #ff0000;">
    			 演示版：帐号和密码都是admin 
    		</dd>
  
    		<dd class="login_row">
    			 
    				帐号：<input type="text" id="userName" placeholder="账号"
    					class="text_bg" />
    			 
    		</dd>
  
    		<dd class="login_row">
    			 
    				密码：<input type="password" id="password" placeholder="密码"
    					class="text_bg" />
    			 
    		</dd>
    		<dd class="login_row">
    			 
    				验证码:<input type="text" id="imageCode" name="imageCode"
    					style="margin-bottom: -5px;" placeholder="验证码" maxlength="4"
    					class="text_bg code_bg"> <img id="imgObj" title="看不清，换一张"
    					src="./drawImage" onclick="changeImg()"
    					style="margin-bottom: -5px;" />
    			 
    		</dd>
    		<dd class="login_row" >
    			<input type="image" id="loginBtn" value="立即登陆"
    				src="./static/images/login/submit_btn.jpg" /> <input type="image"
    				id="retsetBtn" value="取消" src="./static/images/login/reset_btn.jpg" />
    		</dd>
  
    	</dl>
  
    
  
    </div>