JavaScript,如何控制竖排单选按钮也实现单选的效果?

JavaScript017

JavaScript,如何控制竖排单选按钮也实现单选的效果?,第1张

option_B.item(i).disabled = true

option_C.item(i).disabled = true

改为

option_B.item(i).checked = false

option_C.item(i).checked = false

步骤:

1、保存画布状态

2、旋转画布

3、绘制文字

4、画布恢复原来状态

代码:

 function drawBowtie(ctx, fillStyle) { 

    ctx.fillStyle = "rgba(200,200,200,0.3)" 

    ctx.fillRect(-30, -30, 60, 60) 

    ctx.fillStyle = fillStyle 

    ctx.globalAlpha = 1.0 

    ctx.beginPath() 

    ctx.moveTo(25, 25) 

    ctx.lineTo(-25, -25) 

    ctx.lineTo(25, -25) 

    ctx.lineTo(-25, 25) 

    ctx.closePath() 

    ctx.strokeText("2012",-15,5)

    ctx.fill() 

    

}

function dot(ctx) { 

    ctx.save() 

    ctx.fillStyle = "black" 

    ctx.fillRect(-2, -2, 4, 4) 

    ctx.restore() 

 var ctx = document.getElementByIdx_x('myCanvas').getContext("2d") 

 ctx.save() //保存画布状态

 ctx.translate(100, 100) 

 ctx.rotate(90 * Math.PI / 180) //选择画布

 drawBowtie(ctx, "yellow") //绘制文字

 dot(ctx) 

 ctx.restore()//恢复画布状态

一看你的menu是table布局就不可能改成竖排了,如果是现在流行的dv布局只需要修改css就好,但是table布局就改不了了。

这是多少年前的menu了,太古老了,目前比较流行的格式是

<div id="menu">

<ul>

<li>

<a href="#">第1层</a>

<ul>

<li><a href="#">第2层</a></li>

<li><a href="#">第2层</a></li>

</ul>

</li>

<li><a href="#">第1层</a></li>

</ul>

</div>

还是用这个吧,seo更为友好,更容易理解, 数据(html)与表现(css)分离。