怎么用js让一个div定位于屏幕的正中,适应分辨率 .conent{ width: 980px; height:680px;}

怎么用js让一个div定位于屏幕的正中,适应分辨率 .conent{ width: 980px; height:680px;},第1张

这个确实不用JS,同意 小文_计算机 的做法,俺平常也是这样做的

原理:让DIV的原心与浏览器的原心重合。

样式: { position:absolute; left:50%; top:50%; width:300px; height:200px; margin-left:-150px; margin-top:-100px;}

1 position:absolute; 绝对定位,便于下面定位容器左上角的位置

2 left:50%; top:50%; 此时容器的左上角已经与浏览器正中央重合,接下来再让容器向左和向上分别移动宽度和高度的一半,容器原心就和浏览器原心重合了。

3 width:300px; height:200px; margin-left:-150px; margin-top:-100px; 定义容器宽高,并向左和向上移动宽度和高度的一半,大功告成!

$("button")click(function(){

$("body")animate({

'scrollTop' : "+=200px"

}, 2000);

});

你可以试试

var str = "(12px;122px)";

var str1 = strsubstring(1,strlength-1);//取括号里的字符串

var strs = str1split(';');//根据";"来分割成数组得到的是{'12px','122px'}

var n1 = strs[0]substring(0,strs[0]length-2);//取下标为0的数组strs然后根据substring取得px前的字符

var n2 = strs[1]substring(0,strs[1]length-2);

以上就是关于怎么用js让一个div定位于屏幕的正中,适应分辨率 .conent{ width: 980px; height:680px;}全部的内容,包括:怎么用js让一个div定位于屏幕的正中,适应分辨率 .conent{ width: 980px; height:680px;}、jquery如何实现点击按钮,滚动条缓缓向下滑动200像素、现在有一个表示像素的字符串如(12px;122px),我如何利用jquery取得数字型的12,122等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9512710.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存