A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 班顶超 中级黑马   /  2012-5-31 09:59  /  1713 人查看  /  5 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

有个一DIV  怎么才能实现在点击了它之后 他的背景色慢慢变化?

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

5 个回复

倒序浏览
用jquery吧

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
牛景亮 发表于 2012-5-31 10:21
用jquery吧

我知道用JQUERY啊 但不知道怎么现实
回复 使用道具 举报
好像有个onclick可以调用,不过我还没有实际操作过

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
用jquery
回复 使用道具 举报
可以用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>

评分

参与人数 1技术分 +2 收起 理由
宋天琪 + 2

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马