<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#ta{
background:#eeefff;
border:1px groove blue;
}
</style>

</head>

<body>
<table id="ta" >
<tr >
<th οnclick="style1(this);">html</th>
<th οnclick="style1(this);">css</th>
</tr>
<tr >
<td οnclick="style1(this);">xue</td>
<td οnclick="style1(this);">xiaoyu</td>
</tr>

</table>
<script language="javascript" type="text/javascript" defer="defer">
function style1(el){
var me3="#"+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16);

el.style.backgroundColor=me3;
el.style.border="2px solid";
el.style.borderColor=me3;
el.style.padding="10px 10px 10px 10px";
}
</script>

转载于:https://www.cnblogs.com/xfwfy/articles/648301.html

前天做了一个点击随机改变背景色的JS,请各位老师指导下:相关推荐

  1. 前天做了一个梦,一个英文的梦

    一个无视时空维度的怪物在任意穿梭时空,只有男主看到了, 但他又觉得自己疯了,因为理性告诉自己,眼前的似乎不现实, Can you see that? What? That woman, the bla ...

  2. Bootstrap table 点击行改变背景色,点击列选中或者取消选中checkbox,根据某个属性隐藏显示某个字段

    //点击选中行,改变选中行的背景颜色 (table).on('click-row.bs.table', function (e, row, element){   $('.success').remo ...

  3. jquery实现点击改变背景色,点击其他恢复原来背景色,被点击的改变背景色

    实现这个功能很简单,可是之前自己不怎么熟悉jquery,感觉各种乱写.现在终于整理好了思路. html: <div class="managementPanel">&l ...

  4. 小程序点击事件改变样式(普通js鼠标点击事件)

    1.wxml中 <view class="column"> <view class="body-view {{num==1?'active':''}}& ...

  5. android点击按钮弹出图片,用android做的一个简单的点击按钮显示图片的程序

    其实,在这之前我已经做了一个点击按钮的小程序,只不过它只是用来在界面上显示一些文字或者是用一个对话框来显示内容.按理说,做显示图片应该是不会有太大的问题了,可是问题还是来了.在我把这些个问题解决之后, ...

  6. Java背景颜色怎么设成随机的_JS实现随机改变背景颜色

    JS实现随机改变背景颜色 JS实现随机改变背景颜色 使用Js实现随便点击页面某位置就能改变页面背景颜色的功能 function changeBg(){//改变背景颜色的函数 var bgColor=& ...

  7. html未点击背景 点击背景,在AngularJs中点击状态如何改变背景色

    下面我就为大家分享一篇AngularJs点击状态值改变背景色的实例,具有很好的参考价值,希望对大家有所帮助. 实例如下://更改边框颜色的代码 $("#shname").css({ ...

  8. 2个数组合并排序 php,PHP_基于php实现随机合并数组并排序(原排序),最近做了一个项目,其中有这 - phpStudy...

    基于php实现随机合并数组并排序(原排序) 最近做了一个项目,其中有这样一个需求要实现,原有帖子列表A,现在需要在A中推广新业务B,那么需要在A列表中1:1混合B中的数据,随机混合,但是需要保持A和B ...

  9. 用php实现随机点名,使用javascript做的一个随机点名程序

    这篇文章主要介绍了使用javascript做的一个随机点名程序,经测试,效果相当不错,需要的朋友可以参考下 /p> "http://www.w3.org/TR/html4/loose. ...

最新文章

  1. java异常处理学习总结
  2. Shell——常用工具(cut、sed、awk、sort)
  3. 自定义View的三个构造函数
  4. Tomcat系列(5)——Tomcat配置详细部分
  5. 关于centos启动报错:Failed to start Crash recovery kernel arming的解决方案
  6. Centos7 超简单将Centos的yum源更换为国内的阿里云源
  7. 凸二次规划问题 库函数
  8. java生成树形Excel_java poi导出树形结构到excel文件
  9. Todd.log - a place to keep my thoughts on programming
  10. snappy流式编解码总结
  11. 行测-判断推理-类比推理-语法关系
  12. 团队成员的角色类型及其给我们的启示
  13. python回归取残差_R/python-回归分析
  14. IP数据库的比较和选择
  15. oracle的package是什么意思,Oracle的Package的作用及用法
  16. 微型计算机最早出现在第三代计算机中对吗,3月计算机一级试题及答案(2)
  17. 电商客服系统功能需求点-实现电商多商家客服系统
  18. JeecgBoot 技术架构
  19. 华为硬件工程师手册_华为电磁兼容性结构设计规范V2.0
  20. 京东Android APP HarmonyOS 开发实践!

热门文章

  1. 如何快速掌握man手册的使用
  2. 使用Castle做类的增强
  3. JavaScript 演练(8). 对象成员、类成员(原型、非原型)
  4. java新手的第一个小东西,或许小东西都算不上=。 =
  5. Linux Virtual Server LVS Load Balancing
  6. 堆结构导致数据文件不能收缩
  7. Bootstrap3.0入门学习系列规划[持续更新]
  8. Ping记录时间的方法
  9. Dreamweaver格式化html代码提高代码质量
  10. No module named 'django.core.urlresolvers