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 相关文章推荐
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
jQuery中focus事件用法实例
Dec 26 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
jquery+ajax实现省市区三级联动效果简单示例
Jan 04 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
vue.js中created方法作用
Mar 30 Javascript
浅谈Vue.js路由管理器 Vue Router
Aug 16 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
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
php xml文件操作实现代码(二)
2009/03/20 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
HTML5+jQuery实现搜索智能匹配功能
2017/03/24 jQuery
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
Python基于高斯消元法计算线性方程组示例
2018/01/17 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
Python使用crontab模块设置和清除定时任务操作详解
2019/04/09 Python
对Python _取log的几种方式小结
2019/07/25 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
Python之变量类型和if判断方式
2020/05/05 Python
python Pexpect模块的使用
2020/12/25 Python
师说教学反思
2014/02/07 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
撤诉状格式范本
2015/05/19 职场文书
爱国主义教育主题班会
2015/08/13 职场文书
导游词之贵州织金洞
2019/10/12 职场文书
浅谈MySQL函数
2021/10/05 MySQL
关于mysql中string和number的转换问题
2022/06/14 MySQL