在網頁設計中，鼠標移動時改變元素的樣式可以增強用戶體驗。比如，當鼠標移動到導航欄元素上時，可以改變其背景顏色或者加上下劃線，以表明當前所處的位置。下面是一段鼠標移動時改變樣式的代碼：

const navItems = document.querySelectorAll('.nav-item');
navItems.forEach(item =>{
item.addEventListener('mouseenter', () =>{
item.style.backgroundColor = '#eee';
item.style.textDecoration = 'underline';
});
item.addEventListener('mouseleave', () =>{
item.style.backgroundColor = '';
item.style.textDecoration = '';
});
});

首先，我們選取了所有的導航欄元素，然后對每個元素分別添加了mouseenter和mouseleave事件。當鼠標移入導航欄元素時，會觸發mouseenter事件，導航欄元素會被改變樣式。當鼠標移出導航欄元素時，會觸發mouseleave事件，導航欄元素的樣式會恢復原來的樣式。

在這個代碼中，我們使用了style屬性來改變元素的樣式，具體來說，我們改變了元素的backgroundColor和textDecoration屬性。當鼠標移動到導航欄元素上時，元素的背景顏色會變成灰色，并加上下劃線；當鼠標移出導航欄元素時，元素的背景顏色和下劃線樣式會恢復原來的樣式。

通過這段代碼，我們可以實現鼠標移動時改變元素的樣式，從而增強網頁的交互性和用戶體驗。