立体文字
立体文字
立体文字
Sample Source......................................................................>>>
<style TYPE="text/css"><!--
h5 {position:absolute;left:50;width:400;
color:green;font:28pt "Arial
Black";text-align:center;
border-top:2 solid red;border-left:2 solid
pink;
border-bottom:2 solid gray;border-right:2 solid
navy}
--></style>
<script language="JavaScript"><!--
function Text3D1(){
var str = "Dynamic HTML";
var cont = "";
for(i=0;i<15;i++){
cont += "<h5
style='left:"+(50+i)+
";top:"+(100+i)+"'>"+str+"</h5>";
}
cont += "<h5 style='left:65;top:115;color:lime'>"
+str+"</h5>";
dv.innerHTML = cont;
}
function Text3D2(){
var str = "Dynamic HTML";
var cont = "";
for(i=0;i<25;i+=2){
cont += "<h5
style='font-size:"+(10+i)+"pt;top:"
+(100+i)+";border-top:0'>"+str+"</h5>";
}
cont += "<h5 style='font-size:35pt;top:125;
color:lime;border-top:0'>"+str+"</h5>";
dv.innerHTML = cont;
}
//--></script>
</head>
<body>
<div id="dv">立体文字</div>
<button onclick="Text3D1();">立体文字:1</button>
<button onclick="Text3D2();">立体文字:2</button>
end(最終更新:12/11/16)