效果图:代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>span实现的乘法表</title><style type="text/css">.wrap {width: 800px;margin: 20px auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}span {padding: 3px;font-weight: 700;display: inline-block;line-height: 30px;border-bottom: 2px solid #000000;border-left: 2px solid #00000...
话不多说,请看代码: <script language=javascript> for(i=1;i<=9;i++){ for(j=1;j<=9;j++){ document.write (i+"*"+j+"="+i*j+" "); if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果这两个数字相同了 那么跳出,另起一行 } } </script>上面是其中的一种方法,还可以用拼接字符串的方法: <script language="javascript"> var str=" "for(var i=1;i<=9;i++){for(var j=1;j<=i;j++){str+=i+"*"+j+"="+i*j+" ";//...
近日在群里看到有个题目,拿出来写写, 要求: 用html,css,原生js实现如图的效果,先正向输出,然后逆向回溯,最后停留在完整的画面。首先: HTML部分代码: <div id="result"></div> 就是这么简单一行搞定。 CSS代码: #result{width:550px;margin:30px auto;font-size:0;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; } #result span{display:inline-block;width:60px;height:25px;line-height:25px;font-...
本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 <script type="text/javascript">var sum=0;var wite;for (var i = 1; i < 10; i++){var div=$(<div class="class+i+"></div>);$("body").append(div);for(var j = i; j > 0; j--){sum = j * i;wite = (j+"X"+i+"="+sum);div.prepend($(<span style="padding-right:10px">+wite+</span>));}} </script>实现结果如图所示:希望本文所述对大家学习javascript程...
项目需求:实现在页面中输出99乘法表。(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现; 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色。 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个fo...
九九乘法表使用很多种语言都可以实现。本文讲述JavaScript中常用的两种循环(For、While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格。一、左下角为度的梯形乘法表:For循环代码 document.write("<table width= border=>"); for(var i=; i<=; i++){ document.write("<tr>"); for(var j=; j<=i; j++){ document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>"); }...
javascript实现的九九乘法表代码99乘法表 for(var i=1;i"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]jquery实现的九九乘法表代码jquery 九九乘法表 $(document).ready(function(){ $("").data('fact',8).css('margin','10px') .appendTo(document.body) .bind('error',function(){ $(this).parent().find("div:lt("+ ($(this).data('fact')) +")").eq(0) .before($(this).clone(true).data('fact',$(this).data('fac...
<script>var str = '';for (var i = 1; i <= 9; i++) { //外侧循环负责打印 五行for (var j = 1; j <= i; j++) { // 里层循环打印每一行个数 j<=istr += j + '×' + i + '=' + i * j+'\t';}//如果一行打印完毕完就要另启一行 加 \nstr = str + '\n'}console.log(str)</script>1×1=1 1×2=2 2×2=4 1×3=3 2×3=6 3×3=9 1×4=4 2×4=8 3×4=12 4×4=16 1×5=5 2×5=10 3×5=15 4×5=20 5×5=25 1×6=6 2×6=12 3×6=18 4×6=24 5×6=30 6×6=36 ...
我在JavaScript中有一个简单的乘法表,有两个嵌套的for循环:var result = '\n'; for (var i = 1; i < 11; i++) {for (var j = 1; j < 11; j++) {result += (i*j) + ' ';}result += '\n' }第一个位置是1,但我希望它以空的第一个位置开头,或者例如“X”,这样1 * 1的结果也会显示在这里 解决方法: var result = 'x '; for (var i = 0; i < 11; i++) {for (var j = 0; j < 11; j++) {if(i == 0 && j > 0){result += '[' + j + ']';} el...
代码如下 <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>JavaScript的乘法表格</title><script type="text/javascript">document.write("<table border='1'>");for(var i = 1 ; i <= 9 ; i++){document.write("<tr>");for(var j = 1 ; j <= i ; j++){document.write("<td>" + i + "*" + j + "=" + (i*j) + "</td>");}for(var x = 1 ; x <= 9-i ; x++){document.write("<td> </td>")}document.write("</tr>");}docume...