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)分离。