仓酷云

标题: JAVA网页设计纯JavaScript时钟 [打印本页]

作者: 爱飞    时间: 2015-1-18 11:18
标题: 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[0].left=obs[1]+pX
obs[0].top=obs[2]+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[1]=Math.sin(sec)*(44-(i-1)*11)-16;
if(document.layers)obs[1]+=10;
obs[2]=-Math.cos(sec)*(44-(i-1)*11)-27;
}
for(i=6;i<10;i++){
obs[1]=Math.sin(min)*(40-(i-6)*10)-16;
if(document.layers)obs[1]+=10;
obs[2]=-Math.cos(min)*(40-(i-6)*10)-27;
}
for(i=10;i<13;i++){
obs[1]=Math.sin(hr)*(37-(i-10)*11)-16;
if(document.layers)obs[1]+=10;
obs[2]=-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
关于设计模式的资料,还是向大家推荐banq的网站 [url]http://www.ckuyun.com/[/url],他把GOF的23种模式以通俗易懂的方式诠释出来,纯Java描述,真是经典中的经典。
作者: 灵魂腐蚀    时间: 2015-1-22 13:40
我大二,Java也只学了一年,觉得还是看thinking in java好,有能力的话看英文原版(中文版翻的不怎么好),还能提高英文文档阅读能力。
作者: 精灵巫婆    时间: 2015-1-29 11:06
一般学编程语言都是从C语开始学的,我也不例外,但还是可能不学过程语言而直接学面向对象语言的,你是刚接触语言,还是从C开始学比较好,基础会很深点,如果你直接学习JAVA也能上手,一般大家在学语言的时候都记一些语言的关键词,常有的包和接口等。再去做逻辑代码的编写,以后的学习过程都是从逻辑代码编写中提升的,所以这方面都是经验积累的。你要开始学习就从
作者: 兰色精灵    时间: 2015-2-6 00:28
所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件,如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢?当然Java语法得先看一看的,I/O包,Util包,Lang包你都熟悉了吗?然后再从JSP学起。
作者: 山那边是海    时间: 2015-2-8 08:40
是一种语言,用以产生「小应用程序(Applet(s))
作者: 不帅    时间: 2015-2-22 20:11
是一种突破用户端机器环境和CPU
作者: 金色的骷髅    时间: 2015-2-23 09:34
Java 编程语言的风格十分接近C、C++语言。
作者: 活着的死人    时间: 2015-2-26 10:52
关于设计模式的资料,还是向大家推荐banq的网站 [url]http://www.jdon.com/[/url],他把GOF的23种模式以通俗易懂的方式诠释出来,纯Java描述,真是经典中的经典。
作者: 小妖女    时间: 2015-3-8 13:06
所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件,如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢?当然Java语法得先看一看的,I/O包,Util包,Lang包你都熟悉了吗?然后再从JSP学起。
作者: 深爱那片海    时间: 2015-3-15 23:02
你快去找一份Java的编程工作来做吧(如果是在校学生可以去做兼职啊),在实践中提高自己,那才是最快的。不过你得祈祷在公司里碰到一个高手,而且他 还愿意不厌其烦地教你,这样好象有点难哦!还有一个办法就是读开放源码的程序了。我们知道开放源码大都出自高手,他们设计合理,考虑周到,再加上有广大的程序员参与,代码的价值自然是字字珠叽,铿锵有力(对不起,偶最近《金装四大才子》看多了)。
作者: 因胸联盟    时间: 2015-3-22 17:43
那么我书也看了,程序也做了,别人问我的问题我都能解决了,是不是就成为高手了呢?当然没那么简单,这只是万里长征走完了第一步。不信?那你出去接一个项目,你知道怎么下手吗,你知道怎么设计吗,你知道怎么组织人员进行开发吗?你现在脑子里除了一些散乱的代码之外,可能再没有别的东西了吧!




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2