0

有没有人有关于挑选 x3dom 对象的简单示例。x3dom 的主页上给出了两个示例，但它们对于他们来说是复杂的理解。如果有人可以为我提供更简单的示例，我将非常感激。提前谢谢你。

4

1 回答 1

1

不确定您选择的确切含义

这是一个示例页面，它根据 mouseclick 鼠标悬停和鼠标移出改变颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://x3dom.org/x3dom/example/x3dom.css">    </link>
<script type="text/javascript" src = "http://x3dom.org/x3dom/example/x3dom.js"></script>
</head>
<body>

<X3D width="500px" height="400px" showLog='true' showStat="true">
<Scene DEF='scene' >
<Shape >
<Box onclick="toggleRendering();" onmouseover="toggleRendering2();"  onmouseout="toggleRendering3();" />        
<Appearance><Material diffuseColor='0 1 0' /></Appearance>
</Shape>
</Scene>
</X3D>


<script>

var flag = true;

function toggleRendering()
{
flag = !flag;

var mat = document.getElementsByTagName("Material");
var aMat = mat[0];

if (flag) aMat.diffuseColor = "1 0 0";
else aMat.diffuseColor = "0 0 1";

return false;
}

function toggleRendering2()
{
var mat = document.getElementsByTagName("Material");
var aMat = mat[0];

aMat.diffuseColor = "1 1 1";

return false;
}


function toggleRendering3()
{
var mat = document.getElementsByTagName("Material");
var aMat = mat[0];

aMat.diffuseColor = "0 0 0";

return false;
}
</script>

</body>
</html>
于 2012-12-22T12:24:32.083 回答