爱飞 发表于 2015-1-18 11:18:46

JAVA网页设计纯JavaScript时钟

java也能做一些底层语言开发做的事情（难度很高，不是java顶尖高手是做不来的），剧本申明：
第一步:把以下代码到场<head>地区中:
<SCRIPTlanguage=javascript>
<!--
pX=400;pY=200
obs=newArray(13)
functionob(){
for(i=0;i<13;i++){
if(document.all)obs=newArray(eval(ob+i).style,-100,-100)
elseobs=newArray(eval(document.ob+i),-100,-100)
}
}
functioncl(a,b,c){
if(document.all){
if(a!=0)b+=-1
eval(c+a+.style.pixelTop=+(pY+(c)))
eval(c+a+.style.pixelLeft=+(pX+(b)))
}
else{
if(a!=0)b+=10
eval(document.c+a+.top=+(pY+(c)))
eval(document.c+a+.left=+(pX+(b)))
}
if(document.all)c0.style.pixelLeft=26
}
functionrunClock(){
for(i=0;i<13;i++){
obs.left=obs+pX
obs.top=obs+pY
}
}
varlastsec
functiontimer(){
time=newDate()
sec=time.getSeconds()
if(sec!=lastsec){
lastsec=sec
sec=Math.PI*sec/30
min=Math.PI*time.getMinutes()/30
hr=Math.PI*((time.getHours()*60)+time.getMinutes())/360
for(i=1;i<6;i++){
obs=Math.sin(sec)*(44-(i-1)*11)-16;
if(document.layers)obs+=10;
obs=-Math.cos(sec)*(44-(i-1)*11)-27;
}
for(i=6;i<10;i++){
obs=Math.sin(min)*(40-(i-6)*10)-16;
if(document.layers)obs+=10;
obs=-Math.cos(min)*(40-(i-6)*10)-27;
}
for(i=10;i<13;i++){
obs=Math.sin(hr)*(37-(i-10)*11)-16;
if(document.layers)obs+=10;
obs=-Math.cos(hr)*(37-(i-10)*11)-27;
}
}
}
functionsetNum(){
cl(0,-67,-65);
cl(1,10,-51);
cl(2,28,-33);
cl(3,35,-8);
cl(4,28,17);
cl(5,10,35);
cl(6,-15,42);
cl(7,-40,35);
cl(8,-58,17);
cl(9,-65,-8);
cl(10,-58,-33);
cl(11,-40,-51);
cl(12,-16,-56);
}
file://-->

</SCRIPT>

第二步:把<body>中到场以下代码：
<divid="c0"style="position:absolute;right:6;top:6;z-index:2;">
</div>
<divid="c1"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>1</b></div>
<divid="c2"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>2</b></div>
<divid="c3"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>3</b></div>
<divid="c4"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>4</b></div>
<divid="c5"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>5</b></div>
<divid="c6"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>6</b></div>
<divid="c7"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>7</b></div>
<divid="c8"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>8</b></div>
<divid="c9"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>9</b></div>
<divid="c10"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>10</b></div>
<divid="c11"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>11</b></div>
<divid="c12"style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>12</b></div>
<divid="ob0"style="position:absolute;left:-20;top:-20;z-index:1"></div>
<divid="ob1"style="position:absolute;left:-20;top:-20;z-index:8"><fontsize="+3"color="#0000FF"><b>.</b></font></div>
<divid="ob2"style="position:absolute;left:-20;top:-20;z-index:8"><fontsize="+3"color="#0000FF"><b>.</b></font></div>
<divid="ob3"style="position:absolute;left:-20;top:-20;z-index:8"><fontsize="+3"color="#0000FF"><b>.</b></font></div>
<divid="ob4"style="position:absolute;left:-20;top:-20;z-index:8"><fontsize="+3"color="#0000FF"><b>.</b></font></div>
<divid="ob5"style="position:absolute;left:-20;top:-20;z-index:8"><fontsize="+3"color="#0000FF"><b>.</b></font></div>
<divid="ob6"style="position:absolute;left:-20;top:-20;z-index:7"><fontsize="+3"color="#00FFFF"><b>.</b></font></div>
<divid="ob7"style="position:absolute;left:-20;top:-20;z-index:7"><fontsize="+3"color="#00FFFF"><b>.</b></font></div>
<divid="ob8"style="position:absolute;left:-20;top:-20;z-index:7"><fontsize="+3"color="#00FFFF"><b>.</b></font></div>
<divid="ob9"style="position:absolute;left:-20;top:-20;z-index:7"><fontsize="+3"color="#00FFFF"><b>.</b></font></div>
<divid="ob10"style="position:absolute;left:-20;top:-20;z-index:6"><fontsize="+3"color="#F30000"><b>.</b></font></div>
<divid="ob11"style="position:absolute;left:-20;top:-20;z-index:6"><fontsize="+3"color="#F30000"><b>.</b></font></div>
<divid="ob12"style="position:absolute;left:-20;top:-20;z-index:6"><fontsize="+3"color="#F30000"><b>.</b></font></div>

第三步：把<body>中内容改成：
<bodybgcolor="#fef4d9">

Java到底会发战成什么样，让我们拭目以待吧，我始终坚信着java会更好。以上都是俺个人看法，欢迎大家一起交流.

只想知道 发表于 2015-1-18 16:48:44

关于设计模式的资料，还是向大家推荐banq的网站 http://www.ckuyun.com/，他把GOF的23种模式以通俗易懂的方式诠释出来，纯Java描述，真是经典中的经典。

灵魂腐蚀 发表于 2015-1-22 13:40:35

我大二，Java也只学了一年，觉得还是看thinking in java好，有能力的话看英文原版(中文版翻的不怎么好)，还能提高英文文档阅读能力。

精灵巫婆 发表于 2015-1-29 11:06:15

一般学编程语言都是从C语开始学的，我也不例外，但还是可能不学过程语言而直接学面向对象语言的，你是刚接触语言，还是从C开始学比较好，基础会很深点，如果你直接学习JAVA也能上手，一般大家在学语言的时候都记一些语言的关键词，常有的包和接口等。再去做逻辑代码的编写，以后的学习过程都是从逻辑代码编写中提升的，所以这方面都是经验积累的。你要开始学习就从

兰色精灵 发表于 2015-2-6 00:28:04

所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件，如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢？当然Java语法得先看一看的，I/O包，Util包，Lang包你都熟悉了吗？然后再从JSP学起。

山那边是海 发表于 2015-2-8 08:40:33

是一种语言，用以产生「小应用程序(Applet(s))

不帅 发表于 2015-2-22 20:11:46

是一种突破用户端机器环境和CPU

金色的骷髅 发表于 2015-2-23 09:34:05

Java 编程语言的风格十分接近C、C++语言。

活着的死人 发表于 2015-2-26 10:52:36

关于设计模式的资料，还是向大家推荐banq的网站 http://www.jdon.com/，他把GOF的23种模式以通俗易懂的方式诠释出来，纯Java描述，真是经典中的经典。

小妖女 发表于 2015-3-8 13:06:25

所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件，如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢？当然Java语法得先看一看的，I/O包，Util包，Lang包你都熟悉了吗？然后再从JSP学起。

深爱那片海 发表于 2015-3-15 23:02:15

你快去找一份Java的编程工作来做吧（如果是在校学生可以去做兼职啊），在实践中提高自己，那才是最快的。不过你得祈祷在公司里碰到一个高手，而且他 还愿意不厌其烦地教你，这样好象有点难哦！还有一个办法就是读开放源码的程序了。我们知道开放源码大都出自高手，他们设计合理，考虑周到，再加上有广大的程序员参与，代码的价值自然是字字珠叽，铿锵有力（对不起，偶最近《金装四大才子》看多了）。

因胸联盟 发表于 2015-3-22 17:43:24

那么我书也看了，程序也做了，别人问我的问题我都能解决了，是不是就成为高手了呢？当然没那么简单，这只是万里长征走完了第一步。不信？那你出去接一个项目，你知道怎么下手吗，你知道怎么设计吗，你知道怎么组织人员进行开发吗？你现在脑子里除了一些散乱的代码之外，可能再没有别的东西了吧！
页: [1]
查看完整版本: JAVA网页设计纯JavaScript时钟