jQuery热气球动画半透明背景的后台登录界面代码分享
更新时间：2015年08月28日 11:27:16 投稿：lijiao
这篇文章主要介绍了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实现热气球动画背景登录框代码，希望大家可以喜欢。
您可能感兴趣的文章:
相关文章
相信很多人都上过taobao吧，在taobao的产品列表页有一个浮动的用来排序的浮动层，当你拖动滚动条而导致那个排序栏看不到的时候它会自动变为浮动层，一直固定在那里。2010-02-02
这篇文章主要介绍了基于ajax及jQurey实现局部刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了jQuery实现简单的间隔向上滚动效果,实例分析了jQuery通过animate与setInterval控制dom元素滚动特效的技巧,需要的朋友可以参考下2015-03-03
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
这篇文章主要介绍了jQueryeasyui 中使用datetimebox 取两个日期间相隔的天数，需要的朋友参考下吧2017-06-06
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
本文结合W3School的文档，分析了jQuery中 wrap() wrapAll() 与 wrapInner()的差异，并给出了图文对比教程，非常的简单实用，有需要的朋友可以参考下2014-11-11
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
这篇文章主要介绍了jQuery实现可以控制图片旋转角度效果,可实现通过下方的滑块拖动控制图片旋转的功能,涉及jQuery操作页面元素样式动态变换的技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了ajax的分页查询示例（不刷新页面），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
鼠标滑动过快导致动画重复执行，以至于页面乱了,下面为大家介绍个防止重复执行动画的方法2014-04-04
使用JQ来编写最基本的淡入淡出效果2014-10-10
代码很简单主要是用到了JQuery的三个事件mouseover,mouseout,mousemove.2010-09-09
最新评论