利用document对象属性，当鼠标移动到颜色文字上方时动态改变文档的背景颜色

以下是一个示例代码：

HTML代码：

<p>移动鼠标到以下颜色文字上方，文档背景颜色会动态改变：</p>
<ul>
  <li id="color-red">红色</li>
  <li id="color-green">绿色</li>
  <li id="color-blue">蓝色</li>
</ul>

JavaScript代码：

var red = document.getElementById('color-red');
var green = document.getElementById('color-green');
var blue = document.getElementById('color-blue');
var body = document.body;

red.addEventListener('mouseover', function() {
  body.style.backgroundColor = 'red';
});

green.addEventListener('mouseover', function() {
  body.style.backgroundColor = 'green';
});

blue.addEventListener('mouseover', function() {
  body.style.backgroundColor = 'blue';
});

上述代码定义了三个变量，分别对应三个颜色的li元素和文档的body元素。然后，对每个li元素添加了一个mouseover事件监听器，当鼠标移动到该元素上方时，就会执行相应的函数，将文档的背景颜色改为对应的颜色。