【免费】vml實例教程，一步一步教你玩轉ml资源-CSDN文库

共27个文件

html：21个

gif：4个

css：2个

實例教程，一步一步教你玩轉ml

需积分: 0 161 浏览量 2008-10-09 09:28:47 上传评论收藏 61KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

vml.rar （27个子文件）

vml

step32.html 3KB

step23.html 2KB

step3.html 6KB

step313.html 6KB

step6.html 2KB

step1.html 4KB

edit

Mask.html 2KB

photo.GIF 0B

collapse.gif 1KB

Test.html 12KB

pub_Document.css 2KB

expand.gif 1KB

step31.html 8KB

step2.html 4KB

mapdemo.html 638B

step312.html 5KB

step5.html 2KB

big.gif 13KB

step8.html 2KB

map.html 23KB

step7.html 12KB

step4.html 3KB

step22.html 13KB

index.html 2KB

step33.html 5KB

style.css 1KB

step21.html 7KB

<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>台风路径</title> </head> <STYLE> v\:* { BEHAVIOR: url(#default#VML) } </STYLE> <link rel="stylesheet" type="text/css" href="lib/style/style.css"> <script language="JavaScript"> var xx=1000; var yy=680; function zoom(h) { group1.coordsize=xx/h+","+yy/h; } function drawLines() { var count=0;//画横坐标 for(var i=0;i<=25;i++){ var px=40*i; var newLine = document.createElement("<v:line strokecolor='#babbae' from='"+px+" 0' to='"+px+" 680' style='position:absolute;z-index:4'></v:line>"); group1.insertBefore(newLine); count++; } count=0; //画纵坐标 for(var i=0;i<=17;i++){ var py=40*count; var newLine = document.createElement("<v:line strokecolor='#babbae' from='0 "+py+"' to='1000 "+py+"' style='position:absolute;z-index:4'></v:line>"); group1.insertBefore(newLine); count++; } } var dragapproved=false; var x=y=0; function move() { if(event.button==1 && dragapproved){ var sx=event.clientX-x; var sy=event.clientY-y; x=event.clientX; y=event.clientY; self.scrollBy(-sx,-sy); } return false } function drags() { if(event.button!=1) return dragapproved=true; x=event.clientX; y=event.clientY; document.onmousemove=move; } document.onselectstart=new Function("self.event.returnValue=false"); document.onmousedown=drags; </script> <body leftmargin=0 topmargin=0 scroll=auto bgcolor="#9CF7F7" onload="drawLines();zoom(1)"> <DIV id="oBody" align="center" style="position:absolute;left:-1;top:-1"> <v:group ID="group1" style="WIDTH:1000px;HEIGHT:680px;" coordsize = "1000,680"> <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 0,426 8,430 16,428 19,424 22,420 20,416 15,414 16,408 9,400 11,396 24,396 40,384 48,381 56,376 64,379 70,374 66,368 72,368 70,370 80,370 88,368 92,370 96,368 104,368 112,363 116,354 120,362 128,358 130,352 136,352 140,352 140,344 142,336 144,330 148,330 152,336 160,349 168,348 172,340 176,341 180,342 184,340 188,332 190,340 192,336 196,332 200,332 204,332 208,328 212,332 216,336 220,334 224,324 228,328 232,332 236,330 240,328 256,322 260,318 266,305 270,304 276,296 288,296 300,286 304,290 320,276 328,276 348,256 346,250 352,248 360,244 362,240 358,236 364,232 366,218 372,210 370,226 376,222 382,226 384,218 380,220 386,202 384,200 396,188 390,180 388,176 396,172 400,178 410,160 414,160 426,144 424,140 430,130 434,120 440,120 448,112 450,116 464,110 467,107 464,104 460,92 468,88 468,80 464,76 462,69 476,76 480,75 476,64 480,60 479,54 472,56 484,46 484,44 468,40 460,28 448,28 444,28 432,35 428,35 424,28 416,28 418,24 428,24 432,26 428,24 440,19 468,5 472,5 476,4 474,0 0,0 0,426"> <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 430,368 426,360 420,344 416,340 404,320 406,300 416,280 426,260 436,256 446,240 460,232 472,234 476,240 472,260 465,280 462,320 440,340 435,360 430,368"> <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 432,680 424,676 420,668 424,664 432,660 424,648 420,648 416,660 412,660 408,640 396,600 398,592 400,592 410,596 416,560 420,520 428,504 440,500 448,496 480,508 488,504 492,512 488,520 484,536 496,560 494,576 488,592 480,596 470,600 464,608 460,616 456,624 464,640 468,660 472,680 432,680"> <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 710,190 712,182 716,180 714,172 720,174 730,164 734,172 716,180 718,184 710,190"> <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 772,112 772,104 780,102 788,100 782,106 776,112 772,112"> <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 0,504 7,496 16,492 20,488 22,480 22,472 26,464 32,462 37,456 40,448 38,440 32,440 28,435 24,436 24,440 16,438 8,439 0,440 0,504"> <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="black" filled ="f" style="POSITION:absolute;z-index:5" points=" 480,560 520,532 560,500 600,464 640,424 680,376 720,324 760,260 800,168" > <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:polyline strokecolor="black" filled ='f' style="POSITION:absolute;z-index:5" points=" 400,440 440,400 480,360 520,320 560,260 600,168" > <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> </v:polyline> <v:oval title="阿帕里" strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:467.4;top:513.8;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:455.4;top:500.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="阿帕里" style="Text-align:left;cursor:hand;font-size:9pt;color:blue">阿帕里</div> </v:shape> <v:oval title="碧瑶 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:421;top:581.8;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:429;top:579.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="碧瑶 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">碧瑶</div> </v:shape> <v:oval title="长汀 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:249.4;top:203.4;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:257.4;top:201.4;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="长汀 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">长汀</div> </v:shape> <v:oval title="冲绳 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:709;top:187;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:717;top:185;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="冲绳 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">冲绳</div> </v:shape> <v:oval title="福鼎 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:409;top:144.2;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:366;top:140.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="福鼎 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">福鼎</div> </v:shape> <v:oval title="福州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:369;top:193;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:326;top:189;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="福州 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">福州</div> </v:shape> <v:oval title="光泽 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:290.6;top:136.2;width:6;height:6;z-index:8"></v:oval> <v:shape strokecolor="none" filled="False" style="position:absolute;left:298.6;top:135.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px"> <div title="光泽 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">光泽</div> </v:shape> <v:oval t