相关疑难解决方法(0)

基于单独元素中的光标位置旋转元素

我最近在使用breadcrumbs目录功能,需要根据breadcrumbs容器元素中的光标x位置旋转元素.长话短说,我需要在'#pointer-box'下面的箭头指向光标,当它在'#target-box'中时.

我正在寻找两个单独的公式,a.)当'#target-box'光标x位置为0时设置箭头的最左侧位置,b.)保持箭头的最左侧和右侧 - 在任何浏览器宽度或窗口大小调整时,最近的旋转属性成比例.

任何帮助是极大的赞赏.

这是现场演示.http://jsfiddle.net/HeFqh/

谢谢

更新

在Tats_innit的帮助下,我能够在"#target-box"内部获得指向光标的箭头.现在我有两个具体问题需要解决.

a.)调整窗口大小时,箭头和光标不再对齐.

b.)'mousemove'上的'var y'不扣除顶部偏移量

var y = e.pageY - this.offsetTop
Run Code Online (Sandbox Code Playgroud)

更新的现场演示.http://jsfiddle.net/HeFqh/11/

谢谢

css jquery rotation mousemove

14
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

jquery ×1

mousemove ×1

rotation ×1