设为首页收藏本站
开启辅助访问 切换到窄版

仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云»社区 › 程序开发 Program › JAVA网页编程 › JAVA网页设计纯JavaScript时钟
返回列表 发新帖
查看: 470|回复: 11
打印 上一主题 下一主题

[学习教程] JAVA网页设计纯JavaScript时钟

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-18 11:18:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
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会更好。以上都是俺个人看法，欢迎大家一起交流.
javascript, function, absolute, position, style

相关帖子
回复

使用道具 举报

只想知道 该用户已被删除
沙发
发表于 2015-1-18 16:48:44 | 只看该作者
关于设计模式的资料，还是向大家推荐banq的网站 [url]http://www.ckuyun.com/[/url]，他把GOF的23种模式以通俗易懂的方式诠释出来，纯Java描述，真是经典中的经典。
回复 支持 反对

使用道具 举报

灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-22 13:40:35 | 只看该作者
我大二，Java也只学了一年，觉得还是看thinking in java好，有能力的话看英文原版(中文版翻的不怎么好)，还能提高英文文档阅读能力。
回复 支持 反对

使用道具 举报

精灵巫婆 该用户已被删除
地板
发表于 2015-1-29 11:06:15 | 只看该作者
一般学编程语言都是从C语开始学的，我也不例外，但还是可能不学过程语言而直接学面向对象语言的，你是刚接触语言，还是从C开始学比较好，基础会很深点，如果你直接学习JAVA也能上手，一般大家在学语言的时候都记一些语言的关键词，常有的包和接口等。再去做逻辑代码的编写，以后的学习过程都是从逻辑代码编写中提升的，所以这方面都是经验积累的。你要开始学习就从
回复 支持 反对

使用道具 举报

兰色精灵 该用户已被删除
5#
发表于 2015-2-6 00:28:04 | 只看该作者
所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件，如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢？当然Java语法得先看一看的，I/O包，Util包，Lang包你都熟悉了吗？然后再从JSP学起。
回复 支持 反对

使用道具 举报

山那边是海 该用户已被删除
6#
发表于 2015-2-8 08:40:33 | 只看该作者
是一种语言，用以产生「小应用程序(Applet(s))
回复 支持 反对

使用道具 举报

不帅 该用户已被删除
7#
发表于 2015-2-22 20:11:46 | 只看该作者
是一种突破用户端机器环境和CPU
回复 支持 反对

使用道具 举报

金色的骷髅 该用户已被删除
8#
发表于 2015-2-23 09:34:05 | 只看该作者
Java 编程语言的风格十分接近C、C++语言。
回复 支持 反对

使用道具 举报

活着的死人 该用户已被删除
9#
发表于 2015-2-26 10:52:36 | 只看该作者
关于设计模式的资料，还是向大家推荐banq的网站 [url]http://www.jdon.com/[/url]，他把GOF的23种模式以通俗易懂的方式诠释出来，纯Java描述，真是经典中的经典。
回复 支持 反对

使用道具 举报

小妖女 该用户已被删除
10#
发表于 2015-3-8 13:06:25 | 只看该作者
所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件，如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢？当然Java语法得先看一看的，I/O包，Util包，Lang包你都熟悉了吗？然后再从JSP学起。
回复 支持 反对

使用道具 举报

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

使用道具 举报

因胸联盟 该用户已被删除
12#
发表于 2015-3-22 17:43:24 | 只看该作者
那么我书也看了，程序也做了，别人问我的问题我都能解决了，是不是就成为高手了呢？当然没那么简单，这只是万里长征走完了第一步。不信？那你出去接一个项目，你知道怎么下手吗，你知道怎么设计吗，你知道怎么组织人员进行开发吗？你现在脑子里除了一些散乱的代码之外，可能再没有别的东西了吧！
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-24 01:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表