回 帖 发 新 帖 刷新版面

主题:怎么获取一个表格背景在写入另一个表格中.

例如:
<script language="vbscript"> 
function yulan(str)
ge.bgcolor=str.bgcolor
end function
</script>
<table width="300" border="1" cellspacing="3" cellpadding="2">
  <tr>
    <td bgcolor="#009966" onmouseenter='yulan(this)'>&nbsp;</td>
    <td bgcolor="#ff9966" onmouseenter='yulan(this)'>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" id="ge">&nbsp;</td>
  </tr>
</table>
这样写不性啊..
str.bgcolor这样怎么不行啊,我们可以用这个this.bgcolor写入背景.怎么就不能用这个来得到背景.
我们因该用什么函数来得到表格背景呢.

回复列表 (共3个回复)

沙发

不要用样式啊.

板凳

<script language="vbscript"> 
function yulan(str)
ge.bgcolor=str.bgcolor
end function
function yulan1()
ge.bgcolor="#ffffff"
end function
</script>
<table width="300" border="1" cellspacing="3" cellpadding="2">
  <tr>
    <td bgcolor="#009966" onMouseOver='yulan(td1)'  id="td1" onMouseOut="yulan1()">&nbsp;</td>
    <td bgcolor="#ff9966" onMouseOver='yulan(td2)' id="td2" onMouseOut="yulan1()">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" id="ge">&nbsp;CHANG THE COLOR</td>
  </tr>
</table>

3 楼

<HTML><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<HEAD><TITLE>使用按钮</TITLE>
<SCRIPT Language="javascript">
function ChangeBgColor(new_bgcolor)
{
    document.bgColor=new_bgcolor;
}

function ChangeFont(new_fontsize)
{
    dl.style.fontSize=new_fontsize;
}
function ChangeFontfamily(new_Fontfamily)
{
    dl.style.fontFamily=new_Fontfamily;
}
</SCRIPT>
<style type="text/css">
<!--
.zt {
    font-family: "??";
    font-size: 36px;
    color: #000066;
}
.zt1 {
    font-family: "??";
    line-height: 1.5em;
}
-->
</style>
</HEAD>
<BODY id=dl onmousemove="onMouseMove()" onload="display()">
<div align="center" class="zt">什么是 JScript?
</div>
<FORM name="myform">
  <P align="right"><INPUT type="button" value="淡红" onClick="ChangeBgColor('#ffccff')">
    <INPUT type="button" value="淡蓝" onClick="ChangeBgColor('#99ffff')">
<INPUT type="button" value="淡绿" onClick="ChangeBgColor('#99ff66')">
<select name="select" onChange="ChangeFont(value)">
  <option value="12">小号</option>
  <option value="14">较小</option>
  <option value="16" selected>中号</option>
  <option value="18">较大</option>
  <option value="20">大号</option>
</select>
<select name="select" onChange="ChangeFontfamily(value)">
  <option value="宋体" selected>宋体</option>
  <option value="楷体_GB2312">楷体</option>
  <option value="隶书">隶书</option>
  <option value="黑体">黑体</option>
<option value="华文行楷">华文行楷</option>
</select>
</P>
</FORM>
<p class="zt1" id="PTEXT">JScript 是 Microsoft 公司对 ECMA 262 语言规范(ECMAScript 编辑器 3)的一种实现。除了少数例外(为了保持向后兼容),JScript 完全实现了 ECMA 标准。本概述的目的就是引导您学习使用 JScript。使用 JScript
JScript 是一种解释型的、基于对象的脚本语言。尽管与 C++ 这样成熟的面向对象的语言相比,JScript 的功能要弱一些,但对于它的预期用途而言,JScript 的功能已经足够大了。JScript 不是其他语言的精简版(例如,它只是与 Java 有点模糊而间接的关系),也不是任何事物的简化。不过,它有其局限性。例如,您不能使用该语言来编写独立运行的应用程序,并且没有对读写文件的内置支持。此外,JScript 脚本只能在某个解释器或“宿主”上运行,如 Active Server Pages(ASP)、Internet 浏览器或者 Windows 脚本宿主。JScript 是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型。事实上 JScript 更进一步。您无法在JScriot上明确地定义数据类型。此外,在大多数情况下,JScript 将根据需要自动进行转换。例如,如果将一个数值添加到由文本组成的某项(一个字符串),该数值将被转换为文本。本用户指南的其余部分是 JScript 特性概述。有关该语言实现的全部细节,请参考 语言参考。注意 下面大多数示例的代码比实际 Web页中的代码应该更明确,并且不是太复杂。其目的是阐明相关概念,而不是提供最优的简短编码和风格。在任何情况下,如果六个月以后您还能毫不费力地阅读和理解所编写的代码,则说明这些代码写得不错。</p>
<SCRIPT LANGUAGE="JavaScript">
var mouse_x=0,mouse_y=0;//鼠标位置
var image_x=0,image_y=0;//图片位置(其值可能含有小数部分)
var to_move=false;    //是否移动图片
function onMouseMove()
{//在鼠标移动事件中,获取鼠标的最新位置
    mouse_x = document.body.scrollLeft + event.x;
    mouse_y = document.body.scrollTop + event.y;
    if(!to_move)
    {
        to_move=true;
        moveImage(3);
    }
}

function moveImage(distance)
{//把图片向鼠标移近 distance 个象素
    var dx = mouse_x - followed_image.style.pixelLeft - followed_image.style.pixelWidth/2;
    var dy = mouse_y - followed_image.style.pixelTop - followed_image.style.pixelHeight/2;
    var r = Math.sqrt(dx * dx + dy * dy);  // 图片中心与鼠标的距离
    to_move = (r>5);
    if (to_move)
    {
        image_x = image_x + distance*dx/r;
        image_y = image_y + distance*dy/r;
        followed_image.style.pixelLeft = image_x;
        followed_image.style.pixelTop = image_y;
        setTimeout("moveImage("+distance+")", 100);    //启动定时器,使图片逐步移近鼠标
    }
}
</SCRIPT>
<DIV ID="followed_image" STYLE="position: absolute; top: 0; left: 0; width: 80; height: 59">
  <A target="_blank" href="http://www.zsu.edu.cn">
  <IMG SRC="angel.gif" border="0" width="96" height="80"></A></DIV>
<SCRIPT language="javascript">
<!--
function display()
{
    var now=new Date();
    var hours=now.getHours();
    var minutes=now.getMinutes();
    var seconds=now.getSeconds();
    var mark = "AM";
    if(hours>12){ mark = "PM"; hours -= 12;}
    if(hours==0) hours=12;
    if(hours<10) hours="0"+hours;    //保持2个字符位置
    if(minutes<10) minutes="0"+minutes;//保持2个字符位置
    if(seconds<10)seconds="0"+seconds;//保持2个字符位置
    T1.value = hours+":"+minutes+":"+seconds+" "+mark;
    setTimeout("display()",100);//设置定时器
}
-->
</SCRIPT>
<P><INPUT id="digit_clock" type="text" name="T1" size="20"></P>
</BODY></HTML>

我来回复

您尚未登录,请登录后再回复。点此登录或注册