JS複数長方形ブロック選択エフェクトコード(CS構造を模擬)_JavaScriptスキル

<base href="<%=basePath%>"> <title>大画面</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link href="<%=path%>/css/font.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- body { scrollbar-face-color: #E9F1F7; /*面部颜色*/ scrollbar-shadow-color: #D8E2E7; /*内边框右下*/ scrollbar-highlight-color: #FFFFFF; /*内边框左上*/ scrollbar-3dlight-color: #96AABD; /*外边框左上*/ scrollbar-darkshadow-color: #96AABD; /*外边框右下*/ scrollbar-track-color: #e2e7eb; /*底部颜色*/ scrollbar-arrow-color: #96AABD; /*三角头*/ background-color: #F1F4F7; } --> </style> <center> </center> <!-- strat id<input type=text value="" id="startid" name="startid" /> <input type=text value="" id="endid" name="endid" /> </body> 終了 ID</html> -->
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]<script> document.write('<table border="0" align="center">'); document.write('<tr>'); number=1; number1=1; var i; up=5; list=8; for(i=0;i<(up*list);i++) { document.write('<td width="60" height="60" bgColor="#BEBEBE" id="'+i+'" onmouseMove="changeEnd(parseInt(id))" onmouseUp="changUpEnd()" onmouseDown="changeStart(parseInt(id))" onclick="changecolor(parseInt(id))")>'); if((i<((up*list)-list))&&(i+1)%list==0) { document.write('<tr>'); number++; } } document.write('<tr>'); document.write('<td>'); document.write(''); document.write(''); function resetcheck(){ for(i=0;i<(up*list);i++){ changeColorToNotSelected(i); } } </script>