給VML增加事件
更新時間：2006年12月24日 00:00:00 作者：
VML 和 HTML 的緊密結(jié)合，使的給 VML 增加事件變得很容易．所有的 HTML 里面的事件都可以應(yīng)用到 VML 中間來！下面的例子是演示：當(dāng)鼠標(biāo)移動到圓的時候，圓就跟著鼠標(biāo)移動了，當(dāng)鼠標(biāo)點擊后，圓停止移動。
不知道你有沒有注意，VML的事件區(qū)域是嚴格按照本身的形狀的，并不是像圖片那樣，都是矩形。順便介紹一下 Function 對象，使用Function 對象，如果函數(shù)的內(nèi)容比較少，而且調(diào)用就一次，就可以使用 Function 對象了，使用方法就是用 new 創(chuàng)建一個 Function 對象,參數(shù)就是 函數(shù)的內(nèi)容。控制事件的比較好的辦法是使用一個全局變量，一個事件的執(zhí)行依賴一個全局變量，而另一個事件可以設(shè)置這個全局變量，這樣一來，就可以讓事件來控制事件了。
<v:oval id="circle" style="position:relative;width:100;height:80;" onmouseover="move()" fillcolor=red />
<script>
var canmove=false;
function move()
{
circle.style.position="absolute";
canmove=true;
document.onmousemove=new Function("if(canmove){circle.style.posLeft=event.x;circle.style.posTop=event.y;}");
}
document.onclick=new Function("canmove=false");
</script>
<script>
var canmove=false;
function move()
{
circle.style.position="absolute";
canmove=true;
document.onmousemove=new Function("if(canmove){circle.style.posLeft=event.x;circle.style.posTop=event.y;}");
}
document.onclick=new Function("canmove=false");
</script>
不知道你有沒有注意，VML的事件區(qū)域是嚴格按照本身的形狀的，并不是像圖片那樣，都是矩形。順便介紹一下 Function 對象，使用Function 對象，如果函數(shù)的內(nèi)容比較少，而且調(diào)用就一次，就可以使用 Function 對象了，使用方法就是用 new 創(chuàng)建一個 Function 對象,參數(shù)就是 函數(shù)的內(nèi)容。控制事件的比較好的辦法是使用一個全局變量，一個事件的執(zhí)行依賴一個全局變量，而另一個事件可以設(shè)置這個全局變量，這樣一來，就可以讓事件來控制事件了。
相關(guān)文章
VML網(wǎng)頁文件的基本格式...2006-12-12
Line,Polyline(線)對象...2006-12-12
網(wǎng)站制作之網(wǎng)頁技巧...2007-02-02
Group容器...2006-12-12
腳本動態(tài)生成VML...2006-12-12
歡迎品嘗用vml畫的蘋果~~...2006-12-12
Rect,RoundRect(矩形)對象...2006-12-12
建立WEB兩大經(jīng)典！《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布！
建立WEB兩大經(jīng)典！《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布！...2006-12-12
給VML增加事件...2006-12-12
Image(圖像)對象...2006-12-12