js登录弹出层 登录框特效
来源:互联网 发布:淘宝店铺封店还能解封 编辑:程序博客网 时间:2024/05/16 07:07
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js登录弹出层 登录框特效</title><script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script><script type="text/javascript" src="/jscss/demoimg/201310/thickbox_plus.js"></script><style>body{background-color: #fff;}html, body{height: 100%;}html body{font: 12px Arial, Helvetica, sans-serif;color: #333333}html>body{font: 12px Arial, Helvetica, sans-serif;color: #333333}#TB_overlay{position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background-color: #CCC;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}#TB_window{top: 0px;left: 0px;position: fixed;_position: absolute;background: #fff;z-index: 102;color: #000000;display: none;border: 5px solid #666;}#TB_caption{height: 25px;padding: 10px 30px 10px 25px;}#TB_closeWindow{height: 25px;padding: 10px 25px 10px 0;float: right;}#TB_closeAjaxWindow{padding: 5px 10px 7px 0;margin-bottom: 1px;text-align: right;background-color: #e8e8e8;}#TB_ajaxContent{padding: 2px 15px 15px 15px;overflow: auto;}#TB_load{text-align: center;position: absolute;top: 50%;left: 0px;width: 100%;overflow: visible;visibility: visible;display: block;z-index: 101;}#TB_loadContent{margin-left: -125px;position: absolute;top: -50px;left: 50%;width: 250px;height: 100px;visibility: visible;}</style></head><body><a href="/jscss/demoimg/201310/ShowLogin.html?height=160;width=400" title="登录后方可进行操作" class="thickbox" >马上登录</a></body></html>
JavaScript点击弹出层,点击后弹出一个登录层,jQuery版本1.6.2,在这个层内的内容调用了一个示例页面,原理基于thickbox_plus.js,thickbox大多被用于显示放大图片,用在这里也挺新颖哦,请注意文件路径,所需要的js文件一般在jscss/demoimg/201310目录下,图片可在页面上点击右键另存为。
0 0
- js登录弹出层 登录框特效
- 点击登录按钮弹出登录层(HTML+JS)
- 弹出登录层
- js实现弹出登录框
- 【转】js弹出登录层的一个例子
- js弹出层评论前判断是否要登录
- jquery 登录/注册弹出层
- 设置登录弹出层效果
- (js特效) js代码实现弹出层
- jQuery带二维码登录窗口弹出特效
- div弹出登录框
- 简易弹出登录框
- 弹出一个登录层,并对登录进行校验
- 弹出层,随意拖拽的网页弹出框JS特效
- js 弹出框、弹出层
- js+css实现点击导航条“登录”弹出登录框界面
- js+css制作悬浮提示层弹出特效
- 登录弹出框的实现
- Mysql
- Tomcat无法启动,报错 java.lang.NoClassDefFoundError: org/apache/juli/logging/LogFactory
- OTP
- I,P,B帧和PTS,DTS的关系
- android – 多屏幕适配相关
- js登录弹出层 登录框特效
- 【Objective-C】02-Objective-C学习及iOS开发的准备
- poj2479-在一个数组中求任意不相交的两个子数组之和的最大值
- Hibernate使用jdbc批量插入
- 日志系统
- 快速排序
- 勇闯FreeBSD(二)
- java验证码代码
- 二维码写入到数据库