爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
HTML教程
{散点分}带问个有关问题,需要这种层居中效果!进来看吧
{散点分}带问个有关问题,需要这种层居中效果!进来看吧
日期:2014-05-17 浏览次数:21214 次
{散点分}带问个问题,需要这种层居中效果!进来看吧。
http://my.blog.sina.com.cn/member/signup/reg_step1.php
点下《查看登陆名是否可用》然后会有个层居中在浏览器中间!
具体实现要求就是不管浏览是状态是最大化还是拖动成600*400或者800*600,这个层始终需要显示在这个浏览器的正中间。
我也在baidu跟google查过,没查到资料!
等人回答,一经测试通过马上全分相送!
------解决方案--------------------
先在body里定义text-align:center然后在在层上定义margin: 0 auto;
------解决方案--------------------
看一下这里有没有
http://community.csdn.net/Expert/topic/4749/4749992.xml?
------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 网页特效代码|JsCode.CN|---始终在最前面的弹出窗口对话框 </title>
</head>
<body>
<SCRIPT>
function fnRandom(iModifier){
return parseInt(Math.random()*iModifier);
}
function fnSetValues(){
var iHeight=oForm.oHeight.options[
oForm.oHeight.selectedIndex].text;
if(iHeight.indexOf( "Random ")> -1){
iHeight=fnRandom(document.body.clientHeight);
}
var sFeatures= "dialogHeight: " + iHeight + "px; ";
return sFeatures;
}
function fnOpen(){
var sFeatures=fnSetValues();
window.showModalDialog( "showModalDialog_target.htm ", " ",
sFeatures)
}
</SCRIPT>
<FORM NAME=oForm>
窗口高度: <SELECT NAME= "oHeight ">
<OPTION> -- 随机 --
<OPTION> 150
<OPTION> 200
<OPTION> 250
<OPTION> 300
</SELECT>
打开窗口:
<INPUT TYPE= "button " VALUE= "打开窗口 "
onclick= "fnOpen() ">
</FORM>
</body>
</html>
------解决方案--------------------
<!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=gb2312 " />
<title> 无标题文档 </title>
<script type= "text/javascript ">
function sh(){
document.getElementById( "aa ").style.display = " ";
document.getElementById( "aa ").style.top = ((document.documentElement.clientHeight-80)/2) + "px ";
document.getElementById( "aa ").style.left = ((document.documentElement.clientWidth-200)/2) + "px ";
}
</script>
</head>
<body>
<a href= "# " onclick= "sh(); "> fdsafdsa </a>
<div id= "aa " style= "width:200px; height:80px; background-color:#009966; position:absolute; z-index:1; display:none "> </div>
</body>
</html>
------解决方案--------------------
接分了
------解决方案--------------------
第一,它的查询返回页面是(以我的用户名举例):
http://my.blog.sina.com.cn/member/signup/check_members.php?username=shortway
第二,你可以看看:http://my.blog.sina.com.cn/js/dialog.js
关键代码应该是下面的吧(我没细看):
this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode, _sTitle){
var oWindow;
var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0;
var iTop = -80 + (screen.height - _iHeight)/2;
iTop = iTop > 0 ? iTop : (screen.height - _iHeight)/2;
上一篇: 说说标准系列目录
下一篇: 写点东西,献给菜鸟(JS控制动态评分效果的实现)
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
Firefox中神奇的JS引擎逻辑判断代码优化
HTML教程-HTML基础知识择_Html基础教程_HtmlCss教程
这样得input样式怎么写啊
表单取消功能该怎么实现
自己做的一个网站,大家帮忙看看提点意见解决思路
*html,body{margin:0 auto;padding:0;}有*为什么还要body和html?解决方案
OA权限树筹建 代码
微信公众平台开发[13]-html5别致活动-摇一摇
htm文件中图片显示有关问题
推荐阅读
更多>
关于CSS hack。自个儿的理解
CSS怎么让页码在距离底部5个高度地方显示
颜色有关问题
HTML: button跟input button的区别
css ie6上hoverba
td标签如何不按顺序排列了
GridView编辑时的TextBox宽度在样式中如何改
FF 与 IE 中一部分JS、CSS区别
html5新增的属性跟废除的属性简要概述 详细出处参考:http://www.jb51.net/html5/73524.html
CSS 框子阴影
巧用 UserAgent 替代拙劣的 CSS hack
关于表单元素在不同浏览器之间的间隔有关问题
怎么实现chrome浏览器 新标签页的效果
惯用的html标签
IE打印时TD里换行和页面显示不一致怎么处理
target="parent"的迷惑
IE和Firefox兼容性有关问题高分
式样发生冲突的时候.
让innerHTML的脚本也可以运作起来
html client,offset跟scroll