爱易网
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 浏览次数:21177 次
{散点分}带问个问题,需要这种层居中效果!进来看吧。
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控制动态评分效果的实现)
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
替网站提速 探秘HTML 5链接预取功能
解决IE7不能自适应高度 及各种bug解决办法 div+css
怎么将 pl/sql Developer 中查询的结果集导出到 Excel . txt . html . xml csv中
IE9为啥这样
哪些HTML标签务必写独立的关闭标签
[css] 简明教程 样式表的编辑和浏览
怎么去掉如图所示的间隔
Android混合开发之Activity类与html页面之间的相互跳转(并解决黑屏有关问题)
video在段落中居中解决方法
推荐阅读
更多>
HTML5 开发者急需了解的技巧和工具汇总
30个不凡的CSS技巧和例子
能让它在FF里跑起来么,该如何解决
哪位高手有用户登陆和注册的静态原型界面,能不能给一份或者给一个免费上载的网址
html中 这个代表什么意思?怎么办?
如何修改textarea内字的颜色
想得到div标签里的内容,该怎么解决
用fusionchart打造实时监控图
HTML5中更迭变换表格的行颜色
[散分]CSS3兑现隐藏与显示切换效果原型
不太明白CSS中的文档流是什么意思?哪位帮忙解释一下
Javascript&CSS实现的上拉框
HTML是网页制造者必需要学习的
各种屏幕分辨率的不同,怎样确定网页的规格呢?解决办法
opera下outline遮盖了顶层box怎么办
这个首页图片滚动的变形了,该如何解决
css旋钮长度?
对网站中的js,css资料进行打包
HTML字符实业(Character Entities),转义字符串(Escape Sequence)
css3 :target 跟onclick 的区别