Home >Web Front-end >JS Tutorial >vml rounded rectangle minimalist layout_javascript skills
<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>我的作品</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"/> <br> <center><Font Size=4 Face="微软简行楷"><I><Font Color="#FF00FF">水</Font><Font Color="#FFFF00">上</Font><Font Color="#00C0FF">浮</Font><Font Color="#00C000">秋</Font><Font Color="#FFC000">影</Font><Font Color="#FF0000">,</Font><Font Color="#FF0000">笑</Font><Font Color="#FFC000">看</Font><Font Color="#00C000">风</Font><Font Color="#00C0FF">云</Font><Font Color="#FFFFFF">过</Font><Font Color="#FF00FF">。</Font></I></Font> </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"/> <br><br> <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> <span class="3dfont2">kawaks 视频 设置 总是感觉是横条横条的。有没有让它鲜艳点? 另外Kawaks模拟器游戏从哪下载? 不是模拟器问题,是设置问题。解决办法是载入游戏后按"Shift+1",就可以了。 </span> </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"/> <br> <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;">★经典</font><font color="#ff6600">夜游神</font><font color="#336699">★</li> <li style="color:orange;">积极思考 && 享受生活</li> <li style="color:blue;">金翅擘海<B><font color="#22FF22">知</font><font color="#FF2222">往</font><font color="#001199">观 </font><font color="#00fffa">来</font></B></li> </ul> <br><br> <p> <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">金翅擘海</span> <span style="filter:glow(color=#666666,strength=1);height:1px;font:normal 18px 华文行楷;color:#ffffff">只提供有价值的答案</span> </p> </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"/> <br><br> <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> <p id="coolmenu"> <a href="http://www.cssdrive.com">想写就写要写出技术</a> <a href="http://www.jb51.net">哪怕没有人给我回复</a> <a href="http://www.jb51.net/cutpastejava.shtml">英雄可杀不可辱</a> <a href="http://www.jb51.net/jsref/">■■尽人事 顺天命■■</a> <a href="http://www.codingforums.com">独,是一种美德</a> </p> <br> </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"/> <br><br> <script type="text/javascript"> <!-- Begin //more javascript from http://www.smallrain.net /* * Notes on hue * * This script uses hue rotation in the following manner: * hue=0 is red (#FF0000) * hue=60 is yellow (#FFFF00) * hue=120 is green (#00FF00) * hue=180 is cyan (#00FFFF) * hue=240 is blue (#0000FF) * hue=300 is magenta (#FF00FF) * hue=360 is hue=0 (#FF0000) * * Notes on the script * * This script should function in any browser that supports document.getElementById * It has been tested in Netscape7, Mozilla Firefox 1.0, and Internet Explorer 6 * * Accessibility * * The script does not write the string out, but rather takes it from an existing * HTML element. Therefore, users with javascript disabled will not be adverely affected. * They just won't get the pretty colors. */ /* * splits par.firstChild.data into 1 span for each letter * ARGUMENTS * span - HTML element containing a text node as the only element */ function toSpans(span) { var str=span.firstChild.data; var a=str.length; span.removeChild(span.firstChild); for(var i=0; i<a; i++) { var theSpan=document.createElement("SPAN"); theSpan.appendChild(document.createTextNode(str.charAt(i))); span.appendChild(theSpan); } } /* * creates a rainbowspan object * whose letters will be colored [deg] degrees of hue * ARGUMENTS * span - HTML element to apply the effect to (text only, no HTML) * hue - what degree of hue to start at (0-359) * deg - how many hue degrees should be traversed from beginning to end of the string (360 => once around, 720 => twice, etc) * brt - brightness (0-255, 0 => black, 255 => full color) * spd - how many ms between moveRainbow calls (less => faster) * hspd - how many hue degrees to move every time moveRainbow is called (0-359, closer to 180 => faster) */ function RainbowSpan(span, hue, deg, brt, spd, hspd) { this.deg=(deg==null?360:Math.abs(deg)); this.hue=(hue==null?0:Math.abs(hue)%360); this.hspd=(hspd==null?3:Math.abs(hspd)%360); this.length=span.firstChild.data.length; this.span=span; this.speed=(spd==null?50:Math.abs(spd)); this.hInc=this.deg/this.length; this.brt=(brt==null?255:Math.abs(brt)%256); this.timer=null; toSpans(span); this.moveRainbow(); } /* * sets the colors of the children of [this] as a hue-rotating rainbow starting at this.hue; * requires something to manage ch externally * I had to make the RainbowSpan class because M$IE wouldn't let me attach this prototype to [Object] */ RainbowSpan.prototype.moveRainbow = function() { if(this.hue>359) this.hue-=360; var color; var b=this.brt; var a=this.length; var h=this.hue; for(var i=0; i<a; i++) { if(h>359) h-=360; if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; } else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; } else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; } else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; } else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; } else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; } h+=this.hInc; this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")"; } this.hue+=this.hspd; } // End --> </script> <p align="center"> <h3 id="r1">谁负谁都是错,谁欠谁都是祸。</h3> </p> <script type="text/javascript"> var r1=document.getElementById("r1"); //get span to apply rainbow var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed); </script> <p align="center"> <p id="r2">今天天气不错,心情挺好的。</p> </p> <script type="text/javascript"> var r2=document.getElementById("r2"); //get span to apply rainbow var myRainbowSpan2=new RainbowSpan(r2, 0, 360, 255, 50, 348); //apply static rainbow effect myRainbowSpan2.timer=window.setInterval("myRainbowSpan2.moveRainbow()", myRainbowSpan2.speed); </script> </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"/> <br><center> <Font Size=4 Face="华文新魏"><I><Font Color="#FF0000">在</Font><Font Color="#FF8900">绝</Font><Font Color="#92C000">望 </Font><Font Color="#00C024">中</Font><Font Color="#00C0DA">寻</Font><Font Color="#0053FF">找</Font><Font Color="#4800FF">希 </Font><Font Color="#FF00FF">望</Font><Font Color="#FF00FF">,</Font><Font Color="#4900FF">人</Font><Font Color="#0052FF">生 </Font><Font Color="#00C0DB">终</Font><Font Color="#00C025">将</Font><Font Color="#91C000">辉</Font><Font Color="#FF8A00">煌 </Font><Font Color="#FF0000">!</Font></I></Font> </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"/> <br><center><Font Size=4 Face="华文彩云"><Font Color="#FF0080">如</Font><Font Color="#DB0092">此</Font><Font Color="#B700A4"> 星</Font><Font Color="#9200B6">辰</Font><Font Color="#6E00C8">如</Font><Font Color="#4900DA">此</Font><Font Color="#2500EC"> 夜</Font><Font Color="#0000FF">,</Font><Font Color="#0000FF">为</Font><Font Color="#2400ED">谁</Font><Font Color="#4800DB"> 风</Font><Font Color="#6D00C9">露</Font><Font Color="#9100B7">立</Font><Font Color="#B600A5">中</Font><Font Color="#DA0093"> 窗</Font><Font Color="#FF0080">?</Font></Font> </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"/> <br><center><Font Size=4 Face="方正姚体"><Font Color="#FF00FF">革</Font><Font Color="#2B00FF">命</Font><Font Color="#0080FF"> 尚</Font><Font Color="#00C080">未</Font><Font Color="#55C000">成</Font><Font Color="#FFA000">功</Font><Font Color="#FF0000"> ,</Font><Font Color="#FF0000">同</Font><Font Color="#FFA000">志</Font><Font Color="#55C000">还</Font><Font Color="#00C07F"> 需</Font><Font Color="#0080FF">努</Font><Font Color="#2A00FF">力</Font><Font Color="#FF00FF">!</Font></Font> </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>
<script language="JavaScript"> var currTimerlinePoint = 0; var totalTimerlineFrames = 2; var timerlineTimer; var leftLine = 50; var timerIn; var timerOut; var timerlineArray = new Array(); timerlineArray[0]=''; timerlineArray[1]='menuItemOut()'; function runTimerline() { //if (totalTimerlineFrames > currTimerlinePoint) // { // eval( timerlineArray[currTimerlinePoint]); // currTimerlinePoint ++; // } //else {currTimerlinePoint = 0; clearTimeout(window.timerlineTimer); return false;} //window.timerlineTimer = setTimeout('runTimerline()',1000); window.timerlineTimer = setTimeout('menuItemOut()',500); } function stopTimerline() { clearTimeout(window.timerlineTimer); //currTimerlinePoint = 0; } function menuItemIn() { if( leftLine != 150) { item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20; item12.style.pixelLeft -= 20; item12.filters.alpha.opacity += 20; item13.style.pixelLeft += 20; item13.filters.alpha.opacity += 20; item14.style.pixelLeft -= 20; item14.filters.alpha.opacity += 20; item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20; item16.style.pixelLeft -= 20; item16.filters.alpha.opacity += 20; item17.style.pixelLeft += 20; item17.filters.alpha.opacity += 20; item18.style.pixelLeft -= 20; item18.filters.alpha.opacity += 20; item19.style.pixelLeft += 20; item19.filters.alpha.opacity += 20; item20.style.pixelLeft -= 20; item20.filters.alpha.opacity += 20; leftLine += 20; } else { clearTimeout(window.timerIn); return false; } timerIn=window.setTimeout('menuItemIn()',1); } function menuItemOut() { clearTimeout(window.timerIn); if (leftLine != 50) { item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20; item12.style.pixelLeft += 20; item12.filters.alpha.opacity -= 20; item13.style.pixelLeft -= 20; item13.filters.alpha.opacity -= 20; item14.style.pixelLeft += 20; item14.filters.alpha.opacity -= 20; item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20; item16.style.pixelLeft += 20; item16.filters.alpha.opacity -= 20; item17.style.pixelLeft -= 20; item17.filters.alpha.opacity -= 20; item18.style.pixelLeft += 20; item18.filters.alpha.opacity -= 20; item19.style.pixelLeft -= 20; item19.filters.alpha.opacity -= 20; item20.style.pixelLeft += 20; item20.filters.alpha.opacity -= 20; leftLine -= 20; } else { clearTimeout(window.timerOut); return false; } timerOut=window.setTimeout("menuItemOut()",1); } self.moveTo(0,0); self.resizeTo(screen.availWidth,screen.availHeight); </script> <p style="position:absolute; left:0px; top:-47px"> <p align=center id="menu01" style="position:absolute; left:150px; top:88px; width:100px; height:19px; z-index:1; background-color: #000099; layer-background-color: #000099; border: 1px none #000000;padding-top:3;cursor:hand;font-size:9pt" onMouseOver='stopTimerline();menuItemIn()' onMouseOut='runTimerline()'><font color=white>主菜单</font></p> <p align=center id="item11" style="position:absolute; left:50px; top:110px; width:99px; height:19px; z-index:2; background -color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:4;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项一</p> <p align=center id="item12" style="position:absolute; left:250px; top:132px; width:99px; height:19px; z-index:3; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项二</p> <p align=center id="item13" style="position:absolute; left:50px; top:154px; width:99px; height:19px; z-index:4; background -color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项三</p> <p align=center id="item14" style="position:absolute; left:250px; top:176px; width:99px; height:19px; z-index:5; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项四</p> <p align=center id="item15" style="position:absolute; left:50px; top:198px; width:99px; height:19px; z-index:6; background -color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项五</p> <p align=center id="item16" style="position:absolute; left:250px; top:220px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项六</p> <p align=center id="item17" style="position:absolute; left:50px; top:242px; width:99px; height:19px; z-index:6; background -color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项七</p> <p align=center id="item18" style="position:absolute; left:250px; top:264px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项八</p> <p align=center id="item19" style="position:absolute; left:49px; top:286px; width:99px; height:19px; z-index:6; background -color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项九</p> <p align=center id="item20" style="position:absolute; left:250px; top:308px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding- top:3;cursor:hand;font-size:9pt" onMouseOver="this.style.backgroundColor= '#006699';stopTimerline()" onMouseOut="this.style.backgroundColor= '#0099cc';runTimerline()" class="white">菜单项十</p> </p> <HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <HEAD> <META name="Gemeratpr" content="FlashVml(璀灿之星)4.0"> <META http-equiv="Content-Type" content="text/html;charset=gb2312"> <META name="KeyWords" content="我的作品flashvml-璀灿之星-璀灿之星-vml极道教程-vml-vmlflash-沐缘华-FYW-lshdic-风云舞"> <TITLE>我的作品</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="#ffffff" 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=#007700,endColorStr=white);'> <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=vml1 style="Z-INDEX:3004;LEFT:277;WIDTH:450;TOP:74;HEIGHT:550" arcsize="9830f" filled="t" fillcolor="#54d136" stroked="t" strokecolor="#fb4798" strokeweight="1px"> <v:fill type="gradientRadial" opacity=".5" color2="#feba73"/> <v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dot"/> <v:shadow on="f" color="#de9b29" opacity="22937f" offset="2.25pt,2.25pt"/> <br><br><br> <center> <button style="width:190px; height:120px;border:lime 7px double;filter:progid:DXImageTransform.microsoft.gradient (gradienttype=1,startColorStr=#007700,endColorStr=white);"> <span style="color:red; font:11pt 华文行楷; writing-mode:tb-rl">下定决心,<br>不怕牺牲,<br>排除万难,<br>争取胜利!<br> </span> </button> <script language="JavaScript1.2"> function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) which2.filters.alpha.opacity=40 } function highlightit(cur2){ if (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> <p><a href="http://www"><img border="0" src="http://www.blueidea.com/articleimg/usericon/qy.gif" width="32" height="32" onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=30)"></a></p> <style type="text/css"> /* 全局CSS定义 */ body { text-align: center; margin:0; padding:0; background: #FFF; font-size:12px; color:#000;} p,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} table,td,tr,th{font-size:12px;} /* 链接颜色 */ a:link {color: #000; text-decoration:none;} a:visited {color: #83006f;text-decoration:none;} a:hover {color: #c00; text-decoration:underline;} a:active {color: #000;} /* 颜色属性 [定义规则,小写c加颜色名称] */ .cRed,a.cRed:link,a.cRed:visited{ color:Red; } .cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;} a.cBlue:hover{color:#bc2931;} .cDRed,a.cDRed:link,a.cDRed:visited{ color:#c00;} .cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;} .cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;} .cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;} .cBlack,a.cBlack:link,a.cBlack:visited{color:#000;} a.cBlack:hover{color:#bc2931;} /* 头图 */ .col{margin: 20 0 0 0;float:center; width:252px;border:1px solid #006BB6;} .focusPic{margin:0 auto; width:252px;} .focusPic .pic{margin:0 auto; width:250px; height:191px; padding:5px 0 0; background:url (http://cimg2.163.com/ent/newimg/focus3_bg.gif) no-repeat;} .focusPic .pic img{margin:6px 0 0 0;} .focusPic .pic h3 {text-align:left; padding:1px 0 0 12px;} .focusPic .pic h3 img {margin:0px; } .focusPic .pic .flashBlank {margin:0 auto; width:100%; height:6px; font-size:1px; } .focusPic .pic h5 {text-align:left; padding:0px 0 0 12px !important;padding:5px 0 0 12px;} .focusPic .pic h5 img {margin:0px; } .focusPic h2{ float:left; width:236px;padding:4px 0 3px 12px; font-size:14px; text-align:left;} .focusPic p{float:left; width:236px;line-height:160%; margin:0; text-align:left;padding:0 0 10px 12px; height:57px;} .focusPic .more{ margin:0 auto; width:250px; } .focusPic .more .textNum{float:right; margin:0 8px 0 0;padding:0 0 4px;} .focusPic .more .textNum .text{float:left; font-weight:bold; padding:7px 6px 0 0; color:#666;} .focusPic .more .textNum .num{float:left; width:113px; height:19px;} .focusPic .more .textNum .bg1{ background:url(http://ent.163.com/newimg/num1.gif);} .focusPic .more .textNum .bg2{ background:url(http://ent.163.com/newimg/num2.gif);} .focusPic .more .textNum .bg3{ background:url(http://ent.163.com/newimg/num3.gif);} .focusPic .more .textNum .bg4{ background:url(http://ent.163.com/newimg/num4.gif);} .focusPic .more .textNum .num ul{ float:left; width:113px;} .focusPic .more .textNum .num li{float:left; width:28px; font-weight:bold;display:block; color:#fff; list-style-type:none; padding:6px 0 0;} .focusPic .more .textNum .num li a{color:#fff; padding:0 5px; } .focusPic .more .textNum .num li a:visited{color:#fff;} .focusPic .more .textNum .num li a:hover{color:#ff0;} </style> <p class="col"> <!-- 头图 --> <script language="javascript"> var nn; nn=1; setTimeout('change_img()',6000); function change_img() { if(nn>4) nn=1 setTimeout('setFocus1('+nn+')',6000); nn++; tt=setTimeout('change_img()',6000); } function setFocus1(i) { selectLayer1(i); } function selectLayer1(i) { switch(i) { case 1: document.getElementById("focusPic1").style.display="block"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="block"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="none"; break; case 2: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="block"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display="block"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="none"; break; case 3: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="block"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="block"; document.getElementById("focusPic4nav").style.display="none"; break; case 4: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="block"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="block"; break; } } </script> <p class="focusPic"> <p id="focusPic1" style="display: block;"> <p class="pic"> <a href="http://ent.163.com/06/0410/07/2EB5MT7000031H2L.html"><img src="http://cimg2.163.com/ent/2006/4/10/200604100850175803c.jpg" alt="章子怡黑衣蒙头上吴彦祖保姆车" width="228" height="150" border="0" /></a> <h3><a href="http://adclient.163.com/event.ng/Type=click&FlightID=54129&AdID=56109&TargetID=515&Values=31 ,43,51,60,72,78,85,91,100,110,312,330,332,364,594,702,733,734&Redirect=http://www.eiser.net/j_163_enter_spo1.htm"><img src="http://cimg2.163.com/ent/newimg/focus2_sony.gif" width="104" height="21" alt="" /></a></h3> </p> <h2><a href="http://ent.163.com/06/0410/07/2EB5MT7000031H2L.html">章子怡黑衣蒙头上吴彦祖保姆车</a></h2> <p> 章子怡日前和霍启山闹分手,前晚(4月8日)在香港又被媒体跟拍到她和吴彦祖一起玩乐、还一上车就遮遮掩掩 <img src="http://cimg2.163.com/ent/newimg/i4.gif" alt="详细" width="3" height="13" /> <a href="http://ent.163.com/06/0410/07/2EB5MT7000031H2L.html" class="cDRed">详细</a></p> </p> <p id="focusPic2" style="display: none;"> <p class="pic"> <a href="http://ent.163.com/06/0410/13/2EBQ6RK000031NKO.html"><img src="http://cimg2.163.com/ent/2006/4/10/2006041016571088ffc.jpg" alt="刘晓庆重演武则天造型曝光" width="228" height="150" border="0" /></a> <h3><a href="http://adclient.163.com/event.ng/Type=click&FlightID=54129&AdID=56109&TargetID=515&Values=31 ,43,51,60,72,78,85,91,100,110,312,330,332,364,594,702,733,734&Redirect=http://www.eiser.net/j_163_enter_spo1.htm"><img src="http://cimg2.163.com/ent/newimg/focus2_sony.gif" width="104" height="21" alt="" /></a></h3> </p> <h2><a href="http://ent.163.com/06/0410/13/2EBQ6RK000031NKO.html">刘晓庆重演武则天造型曝光</a></h2> <p> 《日月凌空》正紧张拍摄,刘晓庆再次扮演武则天,记者通过特殊渠道获得了两张被称为剧组顶级机密的造型照。 <img src="http://cimg2.163.com/ent/newimg/i4.gif" alt="详细" width="3" height="13" /> <a href="http://ent.163.com/06/0410/13/2EBQ6RK000031NKO.html" class="cDRed">详细</a></p> </p> <p id="focusPic3" style="display: none;"> <p class="pic"> <a href="http://adclient.163.com/event.ng/Type=click&FlightID=55136&AdID=57068&TargetID=515&Values=31,43,51,60,72,78,81,90,100,1 10,312,330,332,364,582,733,734&Redirect=http://ent.163.com/special/00031SST/FQ.html"><img src="http://cimg2.163.com/ent/2006/4/7/20060407101802517a6.jpg" alt="赢飞利浦768手机" width="228" height="150" border="0" /></a> <h3><a href="http://adclient.163.com/event.ng/Type=click&FlightID=54129&AdID=56109&TargetID=515&Values=31 ,43,51,60,72,78,85,91,100,110,312,330,332,364,594,702,733,734&Redirect=http://www.eiser.net/j_163_enter_spo1.htm"><img src="http://cimg2.163.com/ent/newimg/focus2_sony.gif" width="104" height="21" alt="" /></a></h3> </p> <h2><a href="http://adclient.163.com/event.ng/Type=click&FlightID=55136&AdID=57068&TargetID=515&Values=31,43,51,60,72,78,81,90,100,1 10,312,330,332,364,582,733,734&Redirect=http://ent.163.com/special/00031SST/FQ.html">赢飞利浦768手机</a></h2> <p> 参加飞利浦手机娱乐关键字专题活动,赢取飞利浦768手机,活动正火热进行中 <img src="http://cimg2.163.com/ent/newimg/i4.gif" alt="详细" width="3" height="13" /> <a href="http://adclient.163.com/event.ng/Type=click&FlightID=55136&AdID=57068&TargetID=515&Values=31,43,51,60,72,78,81,90,100,1 10,312,330,332,364,582,733,734&Redirect=http://ent.163.com/special/00031SST/FQ.html" class="cDRed">详细</a></p> </p> <p id="focusPic4" style="display: none;"> <p class="pic"><p class="clear flashBlank"> </p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="228" height="150"> <param name="movie" value="http://cimg3.163.com/ent/2006/0403/pepsi228150.swf" /> <param name="quality" value="high" /> <embed src="http://cimg3.163.com/ent/2006/0403/pepsi228150.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="228" height="150"></embed> </object> <h5><a href="http://adclient.163.com/event.ng/Type=click&FlightID=54129&AdID=56109&TargetID=515&Values=31 ,43,51,60,72,78,85,91,100,110,312,330,332,364,594,702,733,734&Redirect=http://http://www.eiser.net/j_163_enter_spo1.htm"><img src="http://cimg2.163.com/ent/newimg/focus2_sony.gif" width="104" height="21" alt="" /></a></h5> </p> <h2><a href="http://adclient.163.com/event.ng/Type=click&FlightID=54561&AdID=56510&TargetID=515&Values=31,43,51,60,72,78,84,91,100,1 10,312,330,332,364,586,702,733,734&Redirect=http://pepsi.163.com/">中国无名小子挑战球星贝克汉姆</a></h2> <p> 两个中国无名小子将会亲身与贝克汉姆、罗纳尔迪尼奥、亨利等世界顶级球星面对面。 <img src="http://cimg2.163.com/ent/newimg/i4.gif" alt="详细" width="3" height="13" /> <a href="http://adclient.163.com/event.ng/Type=click&FlightID=54561&AdID=56510&TargetID=515&Values=31,43,51,60,72,78,84,91,100,1 10,312,330,332,364,586,702,733,734&Redirect=http://pepsi.163.com/" class="cDRed">详细</a></p> </p> <p class="more"> <p class="textNum"> <p class="text">> 更多头图新闻</p> <p class="num bg1" id="focusPic1nav" style="display: block;"> <ul> <li>1</li><li><a href="javascript:setFocus1(2);" target="_self">2</a></li><li><a href="javascript:setFocus1(3);" target="_self">3</a></li><li><a href="javascript:setFocus1(4);" target="_self">4</a></li> </ul> </p> <p class="num bg2" id="focusPic2nav" style="display: none;"> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</a></li><li>2</li><li><a href="javascript:setFocus1(3);" target="_self">3</a></li><li><a href="javascript:setFocus1(4);" target="_self">4</a></li> </ul> </p> <p class="num bg3" id="focusPic3nav" style="display: none;"> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</a></li><li><a href="javascript:setFocus1(2);" target="_self">2</a></li><li>3</li><li><a href="javascript:setFocus1(4);" target="_self">4</a></li> </ul> </p> <p class="num bg4" id="focusPic4nav" style="display: none;"> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</a></li><li><a href="javascript:setFocus1(2);" target="_self">2</a></li><li><a href="javascript:setFocus1(3);" target="_self">3</a></li><li>4</li> </ul> </p> </p> </p> </p> </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>
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <HEAD> <META name="Gemeratpr" content="FlashVml(璀灿之星)4.0"> <META http-equiv="Content-Type" content="text/html;charset=gb2312"> <META name="KeyWords" content="我的作品flashvml-璀灿之星-璀灿之星-vml极道教程-vml-vmlflash-沐缘华-FYW-lshdic-风云舞"> <TITLE>我的作品</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-ARROW-COLOR: #d8fc48; SCROLLBAR-TRACK-COLOR: #48b400; SCROLLBAR-BASE-COLOR: #00246c'> <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:321;WIDTH:293;TOP:81;HEIGHT:63" arcsize="9830f" filled="t" fillcolor="red" stroked="t" strokecolor="#1721de" strokeweight="1px"> <v:fill type="gradientRadial" opacity=".5" color2="white" angle="0"/> <v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/> <br><br> <center> <span style="font-family:华文行楷;color:pink;font-size:16px;">大悲无泪,大悟无言,大笑无声。</span> </v:roundrect> <v:roundrect id=vml1 style="Z-INDEX:3002;LEFT:385;WIDTH:293;TOP:375;HEIGHT:63" arcsize="9830f" filled="t" fillcolor="#fa886a" stroked="t" strokecolor="#479182" strokeweight="1px"> <v:fill type="gradientRadial" opacity=".5" color2="white"/> <v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/> <br><br> <center> <span style="font-family:@华文行楷;color:green;font-size:16px;">一花一世界,一佛一如来。</span> </v:roundrect> <v:roundrect id=vml3 style="Z-INDEX:3002;LEFT:206;WIDTH:293;TOP:260;HEIGHT:63;flip:x y;rotation:-90" arcsize="9830f" filled="t" fillcolor="#4526f2" stroked="t" strokecolor="#e56d4c" strokeweight="1px"> <v:fill type="gradientRadial" opacity=".5" color2="white"/> <v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/> <p style="layout-flow: vertical-ideographic;height:299;font-family:华文行楷;color:white;font-size:16px;margin-right:42px;"> 在暗蓝色的海上,海水在欢快地泼溅<br></p> </v:roundrect> <v:roundrect id=vml4 style="Z-INDEX:3002;LEFT:500;WIDTH:293;TOP:196;HEIGHT:63;flip:x y;rotation:-90" arcsize="9830f" filled="t" fillcolor="#5abc55" stroked="t" strokecolor="#e56d4c" strokeweight="1px"> <v:fill type="gradientRadial" opacity=".5" color2="white"/> <v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/> <p style="filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);float:right;width:299px;margin-right:12px;"><font face="华文行楷" size="5px" color="yellow">只要你坚持不懈什么样的结果都有可能</p><br> </v:roundrect> <v:oval id=vml5 style="Z-INDEX:3048;FILTER:alpha(opacity=92,style=2);LEFT:425;WIDTH:149;TOP:187;HEIGHT:147" filled="t" fillcolor="#d81a49" strokecolor="black" strokeweight="1px"> <v:fill type="gradientRadial" opacity=".5" color2="white"/> </v:oval> <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> <style type="text/css"> <!-- .textanimlink,a { text-decoration : none; } P.main { font-family : 华文行楷; font-size : 12pt; font-weight : bold; } --> </style> <!--IE和NS都适用于 --> <script language="Javascript"> <!-- Hiding bname=navigator.appName; bversion=parseInt(navigator.appVersion) if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)) window.onload=start else stop(); window.onunload=stop if (bname=="Netscape"){ brows=true dt=2 } else{ brows=false dt=20 } var z=0; var msg=0; var rgb=0; var link=false; var status=true; var updwn=false; var message= new Array(); var value=0; var h=window.innerHeight; var w=window.innerWidth; var timer1; var timer2; var timer3; var convert = new Array() var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); // 改变下面的一些参数,其余的不要改变。 var bgcolor="#FFFFFF"; //背景色 var color="#00008D"; //字符颜色 //随便添加更多的显示信息。 message[0]='如果可能,我愿跟他换。' message[1]='终于疯了......' message[2]='冬天到了,春天就不远了。' message[3]='<a href="http://www.njcatv.net">对大师的挑衅啊!</a>' //可以使用超级连接语句。 // 以上的参数需要做一些设置 for (x=0; x<16; x++){ for (y=0; y<16; y++){ convert[value]= hexbase[x] + hexbase[y]; value++; } } redx=color.substring(1,3); greenx=color.substring(3,5); bluex=color.substring(5,7); hred=eval(parseInt(redx,16)); hgreen=eval(parseInt(greenx,16)); hblue=eval(parseInt(bluex,16)); eredx=bgcolor.substring(1,3); egreenx=bgcolor.substring(3,5); ebluex=bgcolor.substring(5,7); ered=eval(parseInt(eredx,16)); egreen=eval(parseInt(egreenx,16)); eblue=eval(parseInt(ebluex,16)); red=ered; green=egreen; blue=eblue; function start(){ if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ link=false; updwn=true; if (brows) res=document.layers['textanim'].top else{ textanim.style.width=document.body.offsetWidth-20; textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P>' res=textanim.style.top for (x=0; x
<P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+' </font></P>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<38){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer1=setTimeout('up()',dt) } else { updwn=false; down() } } function down(){ if (red
<P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+' </font></P>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<76){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer2=setTimeout('down()',dt) } else { if (brows){ document.layers['textanim'].document.write('') document.layers['textanim'].document.close(); } else textanim.innerHTML=''; window.clearInterval(timer2); if(msg