在页面上显示1到100之间的偶数数,每行显示5个(用Html中的Table标签)

在页面上显示1到100之间的偶数数,每行显示5个(用Html中的Table标签),第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>偶数表格</title>  

<style> 

table{ background:#000}

table td{ width:30px width:50px color:#000 text-align:center background:#fff}

</style>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

      //使用链接信息

  var html="<tr>"

  //因为偶数列,所以是从2开始,而且每次都是加上2(深圳网站建设www.sz886.com)

  for(var i=2i<=100i=i+2){

  //加入td标签

html+="<td>"+i+"</td>"

//到达第五个加入<tr>让其换行

if(i%10==0&&i!=100){ 

 

  html+="</tr><tr>"  

   }

  } 

  html+="</tr>"

  //插入表格信息

  $("table").html(html)

})

</script>

</head>

 

<body> 

     <table>

       

     </table>

</body>

</html>

dt是以dl标签的子标签出现的一个DL里面最多一个DT,dd可以有多个,格式是

<dl>

<dt></dt>

<dd></dd>

<dd></dd>

</dl>

<script>

//dt偶数行附加背景颜色

$("dl dt:even").addClass("bgcolor")

</script>

<style>

.bgcolor{ background:#f00}

</style>

<script type="text/javascript" language="javascript">

function con() {

var randomNumber = parseInt(Math.random()*10)

if(randomNumber%2=="1") {

alert(randomNumber+' 这是奇数')

}

else{

alert(randomNumber+' 这是偶数')

}

}

</script>

<a href="javascript:"onclick="con()">test</a>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8279615.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存