社区
JavaScript
帖子详情
如何用javascript定位DIV?
fingertiploneliness
2004-09-30 01:51:24
想通过鼠标移动到某个连接触发显示关联菜单的功能:
<a id=href1 onmouseover=showLayer(divid)>ddddd</a>,当鼠标滑到ddddd的时候,调用javasciprt让本来visibility=hidden的div显示出来(visibility=visible),问题是如何让div显示在ddddd的位置上?
...全文
442
3
打赏
收藏
如何用javascript定位DIV?
想通过鼠标移动到某个连接触发显示关联菜单的功能: ddddd,当鼠标滑到ddddd的时候,调用javasciprt让本来visibility=hidden的div显示出来(visibility=visible),问题是如何让div显示在ddddd的位置上?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
fingertiploneliness
2004-09-30
打赏
举报
回复
我是想从数据库读取菜单的层次结构,如果绝对定位div的话,href的字数改变,div的位置固定,就不能对齐了!
孟子E章
2004-09-30
打赏
举报
回复
<a id=href1 onmouseover=showLayer('x',this)>ddddddddddddddddddddddddddddddddddddddddddddd</a>,
<div id=x style="position:absolute;visibility:hidden">层测试</div>
<script>
function showLayer(o,y){
document.getElementById(o).style.left=getDimX(y)
document.getElementById(o).style.top=getDimY(y)
document.getElementById(o).style.visibility='visible'
}
function getDimX(el){
for (var lx=0;el!=null;
lx+=el.offsetLeft,el=el.offsetParent);
return lx
}
function getDimY(el){
for (var ly=0;el!=null;
ly+=el.offsetTop,el=el.offsetParent);
return ly
}
</script>
孟子E章
2004-09-30
打赏
举报
回复
用绝对定位
<div style="position:absolute"
CSS和
Javascript
实现的
DIV
半透明飘浮层
用CSS和
Javascript
实现的
DIV
遮照飘浮层 通过点击按钮显示半透明遮盖层以及信息层 用CSS实现的固定飘浮,以及用
Javascript
实现的
定位
飘浮 用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现...
JavaScript
与
Div
对层
定位
和移动获得坐标的实现代码
JavaScript
与
Div
对层
定位
和移动获得坐标的实现代码,需要的朋友可以参考下。
Javascript
实现页面滚动时导航智能
定位
常见的开发页面中可能会有这么一个需求,页面中会有多个模块,每个模块对应一个导航,当页面滚动到某个模块时,对应的模块导航需要加上一个类用于区分当前用户所浏览... <
div
class=section id=section3>section3</
div
>
基于
javascript
实现按圆形排列
DIV
元素(二)
通过上一次的分析,让
DIV
按圆形排队,我们知道了,如要让
DIV
定位
在圆周上面,主要是根据角度(弧度)来实现的。 看下图: 上图中,我们B元素和C元素的
定位
是如何实现的?根据上一次讲的公式,如下: (index:元素的...
Boostrap基础教程之
JavaScript
插件篇
Boostrap提供了12种
JavaScript
插件,包括: 动画过渡 Transition 模态 Modal 下拉菜单 Dropdown 滚动侦测 Scrollspy 选项卡 Tab 提示框 Tooltip 弹出框 Popover 警告框 Alert 按钮 Button 折叠 Collapse ...
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章