获得html元素自身的宽度_html/css_WEB-ITnose
程序员文章站
2022-06-02 12:31:36
...
想要控制html元素显示的clip量.
最好是要知道html元素自身能有多么大的宽度.
接上一文章.
父nav截断了子元素的显示.
那么使用鼠标可以获得子元素的实际需要的宽度.
加载完毕之后,可以使用js动态控制nav的宽度.:想要100%,120%,80%的宽度.
用到javascript属性.offsetWitdh
与此类似的还有,scrollWitdh,scrollLeft,clientWidth
参考链接:HTML精准定位
获取宽度
获取鼠标位置.
使用onmouseover来监测.
使用到的javascript关键词:eventX,eventY,offsetX,offsetY
使用相对于容器坐标.则需要offset.
进一步 可以使用设置scrollLeft修改滚动位置.
附(本文章功用测试源代码):
ko
下一篇: 解析Java图形化编程中的文本框和文本区
推荐阅读
-
10套免费的 Photoshop UI 元素以及 PSD 素材_html/css_WEB-ITnose
-
当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose
-
求助,关于
- 宽度控制的问题_html/css_WEB-ITnose
-
独特设计!插图和手绘元素在网页设计中的使用_html/css_WEB-ITnose
-
下面代码 canvas rotate旋转 旋转的坐标点在哪,为什么不在元素的中心点?_html/css_WEB-ITnose
-
在字符串资源文件中添加HTML元素,直接使用字符串资源,HTML元素没起作用的解决办法_html/css_WEB-ITnose
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
tips 前端 背景与元素的透明和模糊_html/css_WEB-ITnose
-
不同元素对齐的问题:需要底部,或者是中间对齐。_html/css_WEB-ITnose