爱易网
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 浏览次数:21209 次
{散点分}带问个问题,需要这种层居中效果!进来看吧。
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 4.0制作表格_HTML综合技巧_HtmlCss教程
HTML5基准学习 – 简介
javascript跟css兼容汇总
lightbox 从网上下载的都是图片 ,但文字形式而用不了,请各位援助一下!解决办法
关于HTML5 文件上传有关问题
新工具征集-html解析
请教怎么设置textbox的背景色啊
关于网页中运用list
html传参数,如何让中文参数不乱码
推荐阅读
更多>
django manage admin css和javascript失效有关问题
select option 右首箭头消失
CSS式样优先级
CSS课程11 CSS的属性缩写
遏止html元素默认行为,jquery
初学解惑:什么是WEB规范?
可不可以为border添加背景图片
请教<Place Holder for File> 是什么意思
为啥div不能在页面右侧隐藏起来啊 而是下面有个移动框
页面之间怎么传递参数
怎么让html标签title属性现实内容时间变长
样式有关问题
55+ 网页设计中激起灵感的幻灯片案例
html5 上传适用小例子
JavaWeb解决思路
不看的会懊悔,HTML5自助切图
网页框架居中有关问题
应用HTTPCLIENT去生成静态HTML页面
有没有那些大型网站是用css+div解决思路
请教怎么实现 鼠标移动 图片上时 图片颜色变暗,并在图上出现文字说明