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 相关文章推荐
javascript事件模型代码
Jul 01 Javascript
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
一个js控制的导航菜单实例代码
Dec 03 Javascript
JavaScript中的函数模式详解
Feb 11 Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
JavaScript学习笔记之DOM基础操作实例小结
Jan 09 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/11/19 PHP
PHP删除特定数组内容并且重建数组索引的方法.
2011/03/25 PHP
php实现获取近几日、月时间示例
2019/07/06 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
JS使用正则表达式找出最长连续子串长度
2017/10/26 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
vue项目中监听手机物理返回键的实现
2020/01/18 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
在Python中使用元类的教程
2015/04/28 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
python 异或加密字符串的实例
2018/10/14 Python
Python读取指定日期邮件的实例
2019/02/01 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
Python虚拟环境venv用法详解
2020/05/25 Python
python如何保存文本文件
2020/06/07 Python
python实现简单遗传算法
2020/09/18 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
2014年学生党支部工作总结
2014/12/20 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python