当单击标题时改变列表中奇数项的背景颜色

当你想要通过用户点击列表标题来动态改变其中奇数项的背景颜色，可以采用JavaScript或者CSS配合HTML实现这个功能。下面是一个简单的示例：

1. HTML部分：

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <!-- 更多列表项 -->
</ul>
<button onclick="toggleOddBackground()">点击标题更改背景</button>

2. CSS部分（默认无背景色）：

li {
  background-color: white;
}

3. JavaScript部分：

function toggleOddBackground() {
  var listItems = document.querySelectorAll('#myList li');
  for (var i = 0; i < listItems.length; i++) {
    if (i % 2 !== 0) { // 判断是否是奇数索引
      listItems[i].style.backgroundColor = 'yourDesiredColor'; // 替换为你想要的颜色
    } else {
      listItems[i].style.backgroundColor = 'white'; // 或者恢复白色背景
    }
  }
}

在这个例子中，当用户点击按钮时，`toggleOddBackground`函数会被调用，会遍历列表中的所有`<li>`元素，并根据它们的索引（奇偶性）来切换背景颜色。