爱易网
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 浏览次数:21179 次
{散点分}带问个问题,需要这种层居中效果!进来看吧。
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控制动态评分效果的实现)
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
这个oblique和italic为什么不能够看出区别呢?解决方案
HTML5有关资源-门户
兼容有关问题
IE6\IE7 Z-INDEX无效的有关问题
CSS_Display_visibility_差别
HTML基础教程:学习掌握HTML 颜色值
黑莓开发之HTML 五篇
HTML5小游戏《TicTacToe》发布,据说IQ下200才能赢
新手,浏览器兼容有关问题
推荐阅读
更多>
html 怎么让一个块级元素居中
韩顺平_轻便搞定网页设计(html+css+javascript)_第32讲_构造函数_成员函数详解_学习笔记_源代码图解_PPT文档整理
google 打印有关问题
css图片可不可以自由缩放尺寸大小
快速精通FRAME框架(六)
请教怎么给这个图片定位
HTML5设计原理-Jeremy Keith在 Fronteers 2010 下的主题演讲
css 网页当中的竖线
htmlayout干的虎鲸宝宝
struts2-jasperreports-plugin导出汉语html报表出现乱码
js画图开发库-mxgraph-[grid-格子.html]
定位图片,该如何解决
啊该如何做才对
float在ie和firefox中显示不同。解决办法
HTML5的结构和语义(4):语义性的内联元素
WIN7上IETester IE6 7 PNG图片全是叉叉
开发工具MyEclipse怎么支持可视化设计HTML和JSP页面
求高手解决 select 在Chrome下的兼容有关问题
动态画<table> 最后边框多条线,新手问,
Html中惯用实体