0 0

marquee 下的元素 onclick事件 在火狐下 未被调用,其他浏览器可以。 怎样才能让其在火狐下兼容。5

//修改后代码,

<marquee onclick="aa()" direction='up' LOOP='-1'  scrollamount='2' height='230' onmouseover="this.stop()"  

onMouseOut="this.start()">
    XXX
    <hr>
<table style="height:30px; line-height:30px;" width="100%" border="0"
cellpadding="0" cellspacing="1" class="tb_list">
<tr style="color:#0089B0">
<td align="center" style="background-color:#F4FFFF">001</td>
<td align="center" style="background-color:#F4FFFF">002</td>
<td align="center" style="background-color:#F4FFFF">003</td>
<td align="center" style="background-color:#F4FFFF">004</td>
<td align="center" style="background-color:#F4FFFF">005</td>
<td align="center" style="background-color:#F4FFFF">006</td>
</tr>

<tr style="cursor: pointer;color:#666"   ondblclick="test()">
<td align="center">001info</td>
<td align="center">002info</td>
<td align="center">003info</td>
<td align="center">004info</td>
<td align="center">005info</td>
<td align="center">006info</td>
</tr>

</table>
</marquee>


function test(){
alert("aa");
}

问题补充:在线等。。

问题补充:<marquee   direction='up' LOOP='-1'  scrollamount='2' height='230' onmouseover="this.stop()"  

onMouseOut="this.start()">
    XXX
    <hr>
<table style="height:30px; line-height:30px;" width="100%" border="0"
cellpadding="0" cellspacing="1" class="tb_list">
<tr style="color:#0089B0">
<td align="center" style="background-color:#F4FFFF">001</td>
<td align="center" style="background-color:#F4FFFF">002</td>
<td align="center" style="background-color:#F4FFFF">003</td>
<td align="center" style="background-color:#F4FFFF">004</td>
<td align="center" style="background-color:#F4FFFF">005</td>
<td align="center" style="background-color:#F4FFFF">006</td>
</tr>

<tr style="cursor: pointer;color:#666"   ondblclick="test()">
<td align="center">001info</td>
<td align="center">002info</td>
<td align="center">003info</td>
<td align="center">004info</td>
<td align="center">005info</td>
<td align="center">006info</td>
</tr>

</table>
</marquee>

问题补充:<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <style>
  a:link    {font-size: 12px;color: #0089B0;text-decoration: none;}
a:visited {font-size: 12px;color: #000000;text-decoration: none;}
a:hover   {font-size: 12px;color: #FF3300;text-decoration: underline;}
.tb_list{ background-color:#C8EBFF;margin:5px 0 5px 5px}
.tb_list td{text-align:center;background-color:#C8EBFF; line-height:27px;}
.tb_list1 td{ background-color:#FFFFFF; text-align:center; line-height:27px;}
.tb_list2 td{ background-color:#FAFAFA; text-align:center; line-height:27px;}
  </style>
  <script type="text/javascript">
 
  function ffycinfo(){
  alert(123);
   }
 
function tests(){
alert(321);
}
  </script>
  </head>
  <body>
    XXX01:<a onclick="tests()" href="#"><font style="color: red;">0</font>条记录</a><br><br><br>
    <marquee direction='up' LOOP='-1'  scrollamount='2' height='230' onmouseover="this.stop()"   onMouseOut="this.start()">
    XXX02
    <hr>
<table style="height:30px; line-height:30px;" width="100%" border="0"
cellpadding="0" cellspacing="1" class="tb_list">
<tr style="color:#0089B0">
<td align="center" style="background-color:#F4FFFF">001</td>
<td align="center" style="background-color:#F4FFFF">002</td>
<td align="center" style="background-color:#F4FFFF">003</td>
<td align="center" style="background-color:#F4FFFF">004</td>
<td align="center" style="background-color:#F4FFFF">005</td>
<td align="center" style="background-color:#F4FFFF">006</td>
</tr>
<tr style="cursor: pointer;color:#666" 
             onlclick="ffycinfo()">
<td align="center">1</td>
<td align="center">2</td>
<td align="center">3</td>
<td align="center">4</td>
<td align="center">5</td>
<td align="center">6</td>
</tr>
</table>
</marquee>
  </body>
</html>


我隔离出 测了下 去了marquee 还是不可以

问题补充:现在 把 marquee 去了, table 外的input 的onclick 事件可以,但 table里的tr 的onclick 事件还是没被调用。 firefox 下,现在 好像与 marquee无关。

问题补充:table tr 里的 onlclick 错了, onclick 隔离出代码没注意,各位看的发注意下,这不是问题

问题补充:好吧 ,还是和marquee有关, 去掉marquee可以。
2012年12月04日 10:51

1个答案 按时间排序 按投票排序

0 0

采纳的答案

<marquee onclick="aa()" direction='up' LOOP='-1'  scrollamount='2' height='230' onmouseover="this.stop()"  

onMouseOut="this.start()">

我测试了一下 firefox3.6.8可以调用啊  估计是某个地方代码写错了/不兼容 造成不能执行

还有this.stop() 用法不对吧

2012年12月04日 11:15

相关推荐

    MARQUEE 元素 marquee 对象 doc 手册

    - **示例**: 这个属性用来判断MARQUEE元素是否可以包含其他元素。 7. **`canHaveHTML`** - **用途**: 获取表明对象是否可以包含丰富的HTML标签的值。 - **示例**: 如果MARQUEE元素允许包含HTML标签,则此属性...

    js Marquee上下滚动效果

    在网页设计中,Marquee元素常被用来实现文本或图像的滚动展示,尤其在有限的空间内展示大量信息时非常实用。本篇将深入讲解如何利用JavaScript实现一个上下滚动的效果,并参考提供的"MSClass.js"文件进行分析。 一...

    浏览器事件大全.txt

    ### 浏览器事件大全知识点解析 #### 一、通用事件 **1.1 onclick** - **定义**:当用户单击元素时触发。 - **兼容性**:IE3、Netscape2(N2)。 - **应用场景**:常用于按钮点击事件处理。 **1.2 ondblclick** - *...

    js文字滚动(IE火狐兼容版)

    在这个“js文字滚动(IE火狐兼容版)”中,我们主要探讨的是如何利用JavaScript来创建一个在不同浏览器上都能正常运行的文字滚动效果,包括Internet Explorer(IE)和Firefox等主流浏览器。 文字滚动是一种常见的网页...

    marquee图片无缝滚动(上下左右均可)

    默认情况下,它适用于文本,但可以通过CSS和JavaScript扩展到图片或其他元素。 2. **无缝滚动**:通过调整`&lt;marquee&gt;`的属性,如`scrollamount`(滚动速度)、`direction`(滚动方向)和`loop`(循环次数),可以...

    js实现marquee标签

    然而,`&lt;marquee&gt;`是Internet Explorer浏览器特有的标签,它在Firefox和其他标准浏览器中并不支持。鉴于此,我们需要通过JavaScript来实现一个跨浏览器的滚动效果,以确保在各种环境下都能正常工作。 首先,让我们...

    利用Marquee实现无缝循环滚动文字

    虽然`&lt;marquee&gt;`标签已经不是HTML5推荐的标准做法,但其简洁易用的特点使其仍然在许多场景下被广泛使用。通过上述分析,我们可以了解到`&lt;marquee&gt;`标签的基本用法及其属性,同时也学习到了如何使用现代Web技术如...

    marquee嵌套这后出现的效果

    通常情况下,嵌套的`&lt;marquee&gt;`元素会遵循其父级`&lt;marquee&gt;`的滚动方向和速度,但具体效果可能会因浏览器的不同而有所差异。 描述中提到“很值得下载看看!资源免费,大家分享!”,这可能意味着提供的压缩包中包含...

    jquery文字不断向上滚动代码(兼容火狐).zip

    此代码不仅在主流浏览器如火狐(Firefox)中兼容,而且可能也适用于其他常见的Web浏览器,如Chrome、Safari和Edge。 描述中的“非常实用的特效代码,可以完美运行”表明这个代码片段已经经过测试,能够在实际环境中...

    jQuery实现网站中公告上下无缝滚动,marquee

    在网页设计中,公告或广告的滚动效果是一...同时,为了兼容不同浏览器,可能需要引入jQuery的 easing 插件来实现更多样化的动画效果。总的来说,jQuery提供了强大的工具来实现各种动态效果,使得网页设计更加生动有趣。

    jquery.marquee.js官方下载

    5. **兼容性**:jQuery.marquee.js与大部分现代浏览器兼容,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。 接下来,我们探讨如何使用这个插件。在项目中引入jQuery库和jquery.marquee.js文件后,可以使用...

    jquery.marquee.js

    它不仅支持文字、图片甚至整个HTML元素的滚动,而且具备兼容性优势,能在各大主流浏览器(如Chrome、Firefox、Safari、Edge和Internet Explorer)上流畅运行,这在多浏览器环境下尤其重要。 jQuery Marquee.js提供...

    Marquee仿照LED广告文字滚动

    Marquee元素在网页设计中常被用来实现类似LED广告文字滚动的效果,它允许文本或内容在页面上持续滚动,从而吸引用户的注意力。这个压缩包文件"demoMarquee"提供了这样一个功能,用户可以自定义滚动速度、方向、文字...

    鼠标事件大全 包括不同浏览器是否支持 鼠标事件非常完整

    ### 鼠标事件大全与跨浏览器兼容性详解 在Web开发中,了解并掌握鼠标事件及其在不同浏览器中的支持情况对于创建响应式和交互性强的网页至关重要。本文将全面解析一系列鼠标事件,并探讨它们在Internet Explorer(IE...

    marquee.js插件演示9种jQuery滚动效果

    `marquee.js`考虑到现代浏览器的兼容性,确保在大多数设备和浏览器上都能正常工作。同时,插件通过智能优化减少了不必要的计算,降低了对性能的影响,确保在移动设备上也能流畅运行。 总之,`marquee.js`插件是...

    jQuery文字跑马灯插件Marquee

    1. **兼容性**:由于基于jQuery,该插件具有良好的浏览器兼容性,支持主流的现代浏览器以及一些旧版本的浏览器。 2. **灵活性**:它可以控制文字的滚动方向,如上下、左右,还能自定义滚动速度、暂停、启动等行为。...

    marquee属性

    通过JavaScript,可以利用`onmouseover` 和 `onmouseout` 事件来控制`&lt;marquee&gt;`元素的行为。例如,在鼠标悬停时停止滚动,移开鼠标时恢复滚动。 例如: ```html &lt;marquee onmouseover="this.stop()" onmouseout=...

    juqery实现marquee的效果

    在HTML中,`&lt;marquee&gt;`标签可以创建一个自动滚动的区域,但其在现代浏览器中的支持并不一致,尤其是在移动设备上。因此,我们通常会借助JavaScript,如jQuery,来模拟这个效果。 在jQuery中,我们可以利用CSS属性和...

    很不错的marquee不间断滚动,调用数据库站内公告代码,速度可调整

    有需要的朋友,可以直接复制使用,仅需修改调用数据库连接及字段部分就可以了,其它部分不需要修改!尺寸根据实际微调下即可实现站内公告滚动轮换显示,调用公告条数可自定义,没有间断空白! 代码思路:1、站内...

    兼容多浏览器的字幕特效Marquee的通用js类

    然而,传统的HTML `&lt;marquee&gt;` 标签在IE浏览器中具有良好的兼容性,但在其他如Firefox、Chrome等现代浏览器中表现不佳。为了解决这一问题,开发者通常会使用JavaScript来实现跨浏览器的Marquee效果,以确保在各种...

Global site tag (gtag.js) - Google Analytics