页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

vml圆角矩形最简布局第1/5页

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> 
<HEAD> 
<META name="Gemeratpr" content="FlashVml4.0"> 
<META http-equiv="Content-Type" content="text/html;charset=gb2312"> 
<META name="KeyWords" content="marvellous"> 
<TITLE><a href="http://www.jb51.net/list/list_55_1.htm" target="_blank">我的作品</a></TITLE> 
<STYLE> 
v\:*{behavior:url(#default#VML);position:absolute;} 
o\:*{behavior:url(#default#VML);} 
</STYLE> 
<script> 
function window.onerror(){return true;} //防止您的程序出现错误时弹出提示 
</script> 
</HEAD> 
<BODY bgcolor="#000000" style='scrollbar-base-color:purple;scrollbar-shadow-color:white;scrollbar-highlight-color:white;scrollbar-arrow-color:white;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff091255,endColorStr=skyblue);'> 
<bgsound loop=1 id=bgsound1> 
<bgsound loop=-1 id=bgsound2> 
<script> 
//启动更新函数,更新所有使用隐藏功能的物件初期视图 
var loadtime=null,loadtext='if(document.readyState!="complete"){window.status=window.status+"."}else{clearInterval(loadtime);window.status=""}'; 
window.status='相关数据资源正在加载，请等待' 
loadtime=setInterval(loadtext,200) 
function window.onload(){ 
} 
</script> 
<v:roundrect id=vml0 style="Z-INDEX:3002;LEFT:138;WIDTH:284;TOP:77;HEIGHT:362" arcsize="9830f" filled="t" fillcolor="blue" strokecolor="black" strokeweight="1px"> 
<v:fill type="frame" opacity="1"/> 
 
<center>水上浮秋影，笑看风云过。

</v:roundrect> 
<v:rect id=vml1 style="Z-INDEX:3005;LEFT:138;WIDTH:284;TOP:134;HEIGHT:247" filled="t" fillcolor="#8bb634" strokecolor="black" strokeweight="1px"> 
<v:fill type="gradientRadial" opacity="1" color2="#d3cd3d"/> 
 
 
 
<style type="text/css"> 
.3dfont2 { FILTER: glow(color=ffffff,strength=0) shadow(color=cccc22,direction:135); POSITION: relative; WIDTH: 90% ;font-family:华文行楷;font-size:14px;} 
--> 
</style> 
江姐问：国民党被推翻了吗？答：被阿扁推翻了。 董存瑞问：劳苦人民还当牛做马吗？答：都下岗了，不劳动了。 吴琼花问：姐妹们都翻身得解放了吗？答：思想解放了，都当小姐了。 杨子荣问：土匪都剿灭了吗？答：都改当公安城管了。 杨白劳问：地主都打倒了吗？答：都入党了! 雷锋问：那资本家呢？答：都当官了 
 
 
 
</v:rect> 
<v:rect id=vml2 style="Z-INDEX:3005;LEFT:494;WIDTH:284;TOP:135;HEIGHT:247" filled="t" fillcolor="#87fa06" strokecolor="black" strokeweight="1px"> 
<v:fill type="gradientRadial" opacity="1" color2="#d381a3"/> 
 
 
 
 
<ul style="border-left:15px double #F00;margin-left:6;padding-left:26;border-right:15px double #00F;width:190;"> 
<li style="color:green;">从远古文明中走出来</li> 
<li style="color:lime;">★经典夜游神★</li> 
<li style="color:orange;">积极思考 && 享受生活</li> 
<li style="color:blue;">金翅擘海知往观来</li> 
</ul>

<div>

<span style="filter:dropshadow(offx=1,offy=0,color=#666666) dropshadow 
(offx=0,offy=1,color=#666666) dropshadow(offx=-1,offy=0,color=#666666) 
dropshadow(offx=0,offy=-1,color=#666666);height:1px;font:normal 18px 隶书 
;color:#ffffff">金翅擘海 
只提供有价值的答案 
</div>

</v:rect> 
<v:rect id=vml3 style="Z-INDEX:3005;LEFT:494;WIDTH:284;TOP:552;HEIGHT:247" filled="t" fillcolor="#579bdb" strokecolor="black" strokeweight="1px"> 
<v:fill type="gradientRadial" opacity="1" color2="#a4a213"/> 
 
 
 
 
 
 
 
<style type="text/css"> 
#coolmenu{ 
border: 1px solid black; 
border-bottom-width: 0; 
width: 170px; 
background-color: #E6E6E6; 
} 
* html #coolmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/ 
width: 164px; 
} 
#coolmenu a{ 
font: bold 13px Verdana; 
padding: 2px; 
padding-left: 4px; 
display: block; 
width: 100%; 
color: black; 
text-decoration: none; 
border-bottom: 1px solid black; 
} 
html>body #coolmenu a{ /*Non IE rule*/ 
width: auto; 
} 
#coolmenu a:hover{ 
background-color: black; 
color: white; 
} 
</style>

<div id="coolmenu"> 
<a href="http://www.cssdrive.com">想写就写要写出技术</a> 
<a href="http://www.javascriptkit.com">哪怕没有人给我回复</a> 
<a href="http://www.javascriptkit.com/cutpastejava.shtml">英雄可杀不可辱</a> 
<a href="http://www.javascriptkit.com/jsref/">■■尽人事 顺天命■■</a> 
<a href="http://www.codingforums.com">独，是一种美德</a> 
</div>

</v:rect> 
<v:rect id=vml4 style="Z-INDEX:3005;LEFT:138;WIDTH:284;TOP:552;HEIGHT:247" filled="t" fillcolor="#f8a540" strokecolor="black" strokeweight="1px"> 
<v:fill type="gradientRadial" opacity="1" color2="#6fedc9"/>

</v:rect> 
<v:roundrect id=vml5 style="Z-INDEX:3002;LEFT:494;WIDTH:284;TOP:490;HEIGHT:362" arcsize="9830f" filled="t" fillcolor="aqua" strokecolor="black" strokeweight="1px"> 
<v:fill type="frame" opacity="1"/>

<center> 
在绝望中寻找希望,人生终将辉煌！

</v:roundrect> 
<v:roundrect id=vml6 style="Z-INDEX:3002;LEFT:138;WIDTH:284;TOP:491;HEIGHT:362" arcsize="9830f" filled="t" fillcolor="lime" strokecolor="black" strokeweight="1px"> 
<v:fill type="frame" opacity="1"/>

<center>如此星辰如此夜，为谁风露立中窗？ 
 
 
 
</v:roundrect> 
<v:roundrect id=vml7 style="Z-INDEX:3002;LEFT:494;WIDTH:284;TOP:77;HEIGHT:362" arcsize="9830f" filled="t" fillcolor="#eeee44" strokecolor="black" strokeweight="1px"> 
<v:fill type="frame" opacity="1"/> 
 
 
 
 <center>革命尚未成功，同志还需努力！ 
 
 
 
 
</v:roundrect> 
<SCRIPT> //以下程序快速执行使预隐藏图形及时隐藏 
try{var bodyobjs=document.body.children;for(i=0;i<bodyobjs.length;i++){ 
if(bodyobjs[i].ych!=null)bodyobjs[i].style.display='none'; 
if(bodyobjs[i].tagName=="group"){ 
bodyobjs[i].contentEditable=false; 
for(r=0;r<bodyobjs[i].children.length;r++){if(bodyobjs[i].children[r].ych!=null)bodyobjs[i].children[r].style.display='none';} 
} 
}}catch(e){} 
</SCRIPT> 
</BODY> 
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

当前1/5页 1 2 3 4 5 下一页

Tags：vml圆角矩形最简布局