jQuery热气球动画半透明背景的后台登录界面代码分享


Posted in Javascript onAugust 28, 2015

本文实例讲述了jQuery实现热气球动画背景登录框。分享给大家供大家参考。具体如下:
jQuery热气球动画背景登录框是一款动态半透明背景的后台登录界面样式效果代码。页面效果简洁大方,是一款非常实用的特效代码,值得大家学习。
运行效果图:-------------------查看效果 下载源码-------------------

jQuery热气球动画半透明背景的后台登录界面代码分享

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
为大家分享的jQuery实现热气球动画背景登录框代码如下

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery热气球动画背景登录框</title>

<link href="css/main.css" rel="stylesheet" type="text/css" />

</head>
<body>


<div class="login">
  <div class="box png">
 <div class="logo png"></div>
 <div class="input">
  <div class="log">
  <div class="name">
   <label>用户名</label><input type="text" class="text" id="value_1" placeholder="用户名" name="value_1" tabindex="1">
  </div>
  <div class="pwd">
   <label>密 码</label><input type="password" class="text" id="value_2" placeholder="密码" name="value_2" tabindex="2">
   <input type="button" class="submit" tabindex="3" value="登录">
   <div class="check"></div>
  </div>
  <div class="tip"></div>
  </div>
 </div>
 </div>
  <div class="air-balloon ab-1 png"></div>
 <div class="air-balloon ab-2 png"></div>
  <div class="footer"></div>
</div>

<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/fun.base.js"></script>
<script type="text/javascript" src="js/script.js"></script>


<!--[if IE 6]>
<script src="js/DD_belatedPNG.js" type="text/javascript"></script>
<script>DD_belatedPNG.fix('.png')</script>
<![endif]-->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

以上就是为大家分享的jQuery实现热气球动画背景登录框代码,希望大家可以喜欢。

Javascript 相关文章推荐
JQuery 绑定事件时传递参数的实现方法
Oct 13 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
JS实现多物体缓冲运动实例代码
Nov 29 Javascript
js控制input输入字符解析
Dec 27 Javascript
javascript事件冒泡实例分析
May 13 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
原生JS实现多个小球碰撞反弹效果示例
Jan 31 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
AJAX检测用户名是否存在的方法
Mar 24 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 #Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 #Javascript
js实现显示当前状态的导航效果代码
Aug 28 #Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 #Javascript
AngularJS+Node.js实现在线聊天室
Aug 28 #Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 #Javascript
jquery实现弹出层登录和全屏层注册特效
Aug 28 #Javascript
You might like
随机广告显示(PHP函数)
2006/10/09 PHP
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
PHP多进程简单实例小结
2019/11/09 PHP
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
js常用代码段收集
2011/10/28 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
详解Python做一个名片管理系统
2019/03/14 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
轻松制作精彩视频:Animoto
2018/09/19 全球购物
合作经营协议书范本
2014/09/16 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
聘任书格式及范文
2015/09/21 职场文书
护士心得体会范文
2016/01/25 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
科普 | 业余无线电知识-波段篇
2022/02/18 无线电