黑马程序员技术交流社区

标题: 关于HTML中的一个问题 [打印本页]

---

作者: 班顶超    时间: 2012-5-31 09:59
标题: 关于HTML中的一个问题
有个一DIV  怎么才能实现在点击了它之后 他的背景色慢慢变化?

---

作者: 牛景亮    时间: 2012-5-31 10:21
用jquery吧

---

作者: 班顶超    时间: 2012-5-31 10:45

牛景亮 发表于 2012-5-31 10:21
用jquery吧

我知道用JQUERY啊 但不知道怎么现实

---

作者: 王针    时间: 2012-5-31 12:35
好像有个onclick可以调用，不过我还没有实际操作过

---

作者: 钟广雄    时间: 2012-6-7 22:11
用jquery

---

作者: 许庭洲    时间: 2012-6-8 09:08
可以用JAVASCRIPT代码实现背景色变化，javascrip代码如下：
<script type="text/javascript">
var dataListId = "<%=DataList1.ClientID%>";
  function Change_DivLine_Color()
  {
  var rows=document.getElementById("DataList1").rows;
  for(k=0; k<rows.length; k++)
  {
  if(rows[k].cells[0].getElementsByTagName("span")[0].innerHTML == "1")
  {
  rows[k].style.backgroundColor="#FF00BB";
  }
  if(rows[k].cells[0].getElementsByTagName("span")[0].innerHTML == "2")
  {
  rows[k].style.backgroundColor="#00FFEE";
  }
  if(rows[k].cells[0].getElementsByTagName("span")[0].innerHTML == "3")
  {
  rows[k].style.backgroundColor="#CC00FF";
  }
  }
  }
  window.onload=Change_DivLine_Color;
</script>

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2