代码驿站移动版
频道导航
HTML/Xhtml
CSS
JavaScript
HTML5
PHP教程
ASP.NET
正则表达式
AJAX
ThinkPHP
Yii
MySQL
MariaDB
Oracle
MongoDB
Redis
DedeCMS
PHPCMS
帝国CMS
WordPress
Discuz
其它CMS
Zend Studio
Sublime
Notepad
Dreamweaver
Windows
Linux
Nginx
Apache
IIS
CentOS
Ubuntu
Debian
网站优化
工具资源
PHP源码
ASP.NET源码
其它源码
图标素材
按钮素材
字体素材
DedeCMS模板
帝国CMS模板
PHPCMS模板
WordPress模板
Discuz!模板
单页模板
开发软件下载
服务器软件下载
广告投放
联系我们
版权申明
软件编程
网页前端
移动开发
数据库
服务器
脚本语言
PHP代码
JAVA代码
Python代码
Android代码
当前位置:
主页
>
网页前端
>
JavaScript代码
>
vml圆角矩形最简布局第1/5页
时间:2021-05-27 08:44:29 | 栏目:
JavaScript代码
| 点击:次
<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> <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">金翅擘海</span> <span style="filter:glow(color=#666666,strength=1);height:1px;font:normal 18px 华文行楷;color:#ffffff">只提供有价值的答案</span> </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"/> <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> <div id="coolmenu"> <a href="http://www.cssdrive.com">想写就写要写出技术</a> <a href="https://www.jb51.net">哪怕没有人给我回复</a> <a href="https://www.jb51.net/cutpastejava.shtml">英雄可杀不可辱</a> <a href="https://www.jb51.net/jsref/">■■尽人事 顺天命■■</a> <a href="http://www.codingforums.com">独,是一种美德</a> </div> <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> <div align="center"> <h3 id="r1">谁负谁都是错,谁欠谁都是祸。</h3> </div> <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> <div align="center"> <p id="r2">今天天气不错,心情挺好的。</p> </div> <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>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
1
2
3
4
5
下一页
阅读全文
您可能感兴趣的文章:
JavaScript常见事件处理程序实例总结
Javascript的匿名函数小结
url传递的参数值中包含&时,url自动截断问题的解决方法
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
兼容浏览器的js事件绑定函数(详解)
相关文章
10-19
javascript上下左右定时滚动插件
11-23
Webpack中loader打包各种文件的方法实例
11-27
Javascript实例教程(19) 使用HoTMetal(2)
10-05
javascript判断图片是否加载完成的方法推荐
11-22
在javascript中执行任意html代码的方法示例解读
JQuery
VUE
AngularJS
MSSql
MySQL
MongoDB
Redis
Linux
Tomcat
Nginx
网站首页
广告投放
联系我们
版权申明
联系站长