悬浮窗在chrome浏览器不能用

狂飚 2015-07-29 05:29:38
悬浮窗代码:

<div id="img2" style="position:absolute; visibility:visible; left:261px; top:348px; z-index:200; text-align:right" onMouseOver=stop_helpor_net() onMouseOut=www_helpor_net()>
<img src="images/xfx.jpg" width="224" height="105" alt="" />
</div>

<script language="JavaScript"> var xPos2 = 0;var yPos2 = document.body.clientHeight;var step2 = 1;var delay2 = 50;var height2 = 0;var Hoffset2 = 0;var Woffset2 = 0;var yon2 = 0;var xon2 = 0;var pause2 = true;var interval2;img2.style.top = yPos2;function changePos2() {width2 = document.body.clientWidth;height2 = document.body.clientHeight;Hoffset2 = img2.offsetHeight;Woffset2 = img2.offsetWidth;img2.style.left = xPos2 + document.body.scrollLeft;img2.style.top = yPos2 + document.body.scrollTop;if (yon2) {yPos2 = yPos2 + step2;}else {yPos2 = yPos2 - step2;}if (yPos2 < 0) {yon2 = 1;yPos2 = 0;}if (yPos2 >= (height2 - Hoffset2)) {yon2 = 0;yPos2 = (height2 - Hoffset2);}if (xon2) {xPos2 = xPos2 + step2;}else {xPos2 = xPos2 - step2;}if (xPos2 < 0) {xon2 = 1;xPos2 = 0;}if (xPos2 >= (width2 - Woffset2)) {xon2 = 0;xPos2 = (width2 - Woffset2);}}function www_helpor_net() {img2.visibility = "visible";interval2 = setInterval('changePos2()', delay2);}www_helpor_net();function stop_helpor_net() {clearInterval(interval2);}</script>

在IE下能用,但在360极速模式不会动,360极速模式是用chrome内核,请问怎么解决?
...全文
2665 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
狂飚 2015-07-29
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
chrome测试没有问题,如果你添加了xhtml申明,设置top,left,width,这种属性要记得加px单位 img2.style.left = xPos2 + document.body.scrollLeft + 'px'; img2.style.top = yPos2 + document.body.scrollTop + 'px';
谢谢大神,解决了
zhanbaone 2015-07-29
  • 打赏
  • 举报
回复
浏览器的不兼容吗?
  • 打赏
  • 举报
回复
chrome测试没有问题,如果你添加了xhtml申明,设置top,left,width,这种属性要记得加px单位 img2.style.left = xPos2 + document.body.scrollLeft + 'px'; img2.style.top = yPos2 + document.body.scrollTop + 'px';
资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 “划词小窗搜题 - crx 插件”是一款专为学生和教育工作者设计的 Chrome 浏览器扩展程序,以中文(简体)为操作语言,致力于成为高效便捷的学习辅助工具 。其核心功能是划词搜题,用户在网页上选中不理解或不会解答的题目后,点击弹出的小窗口,就能快速启动搜索引擎,查找相关的解题方法或答案 。 CRX 是 Chrome 扩展的文件格式,由 Google Chrome 浏览器支持,这种插件允许用户自定义浏览器功能,增强其功能性和个性化体验 。“划词小窗搜题”CRX 插件遵循这一格式开发,可直接安装在 Chrome 浏览器上,无需复杂设置 。在教育领域,其使用场景广泛,从小学生面对数学难题到大学生处理复杂论文引用,只需鼠标轻轻一划,选定问题关键部分,插件就能即时触发搜索引擎,如百度、谷歌等,快速找到相关资源 。这不仅节省了在多个网站间切换的时间,也降低了搜索难度,使学习过程更加流畅 。 该插件的“划词”功能是一大亮点,传统的搜索方式因手动输入关键词可能出现拼写错误或表达不准确而影响搜索结果,而划词技术可精确捕获用户选定文本,确保搜索准确性 。同时,它还提供“搜题小浮窗”,这是一个悬浮在屏幕边缘的小窗口,用户可随时调用,无需离开当前页面,极大地提升了效率。此外,其界面友好,可能采用了响应式设计,能在不同分辨率和设备上正常显示。在保护用户隐私方面,该插件可能需获取一定权限,如访问网页内容,但应遵守最小权限原则,只获取完成功能所必需的信息,避免侵犯用户隐私 。 “划词小窗搜题 - crx 插件”是现代教育技术的体现,通过创新的交互方式和高效的搜索机制,为在线学习者提供了强大支持。在数字化学习浪潮中,这样的工具能帮助用户更好地吸收知识,解决学习困扰,提高学习效率 。

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧