Javascript 停止干扰鼠标事件的兄弟姐妹
目前正在使用“interactive_bg”插件在一幅图像上创建视差效果,使用两幅图像创建深度错觉 插件网站:Javascript 停止干扰鼠标事件的兄弟姐妹,javascript,jquery,html,css,Javascript,Jquery,Html,Css,目前正在使用“interactive_bg”插件在一幅图像上创建视差效果,使用两幅图像创建深度错觉 插件网站: 松下 六月十四日 高举联盟旗 社会公关创意设计 Lorem ipsum dolor sit amet,是一位杰出的献身者。塞德内克东部。这是一个令人信服的事实。《爱的一生》中的Phasellus拍卖人 我遇到的问题是,绝对位于屏幕中心的文本会导致鼠标事件在光标位于“#header txt cont”上时停止,基本上会暂停视差效果。这是一张布局图,让您更好地了解它的渲染方式(男人是#
松下
六月十四日
高举联盟旗
社会公关创意设计
Lorem ipsum dolor sit amet,是一位杰出的献身者。塞德内克东部。这是一个令人信服的事实。《爱的一生》中的Phasellus拍卖人
我遇到的问题是,绝对位于屏幕中心的文本会导致鼠标事件在光标位于“#header txt cont”上时停止,基本上会暂停视差效果。这是一张布局图,让您更好地了解它的渲染方式(男人是#正面标题图像,电视是背面标题图像):
有没有人知道我如何阻止这种情况发生,而不必进入插件脚本并对其进行广泛编辑,我希望这是我的最后手段。在插件演示站点的文本上,它似乎工作正常。您是否在保存文本的元素的事件处理程序中有
stopPropagation
或return false
?对我来说,只有一个“层”也可以正常工作-问题是添加#标题前图像,可能是因为这是一个同级“#标题txt cont”,因此它停止了鼠标移动事件。因为“header-image-back”是文本的父级,所以看起来很好。
<section id="header" class="header-image bg header-image-back" data-ibg-bg="img/case.study.images/project.images/example.project/header/example_header_back.png">
<div id="header-image-front" class="header-image bg" data-ibg-bg="img/case.study.images/project.images/example.project/header/example_header_front.png"></div>
<div id="header-txt-cont">
<div id="header-client" class="six-col col">Panasonic</div>
<div id="header-date" class="six-col col">June 14</div>
<h1>Raising High The Union Flag</h1>
<h5>Social & PR. Creative Design</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed neque est. Proin dictum ante ut ullamcorper convallis. Phasellus auctor in eros vitae feugiat.</p>
</div>
</section>