非常酷的时钟，图片制作精美,还有日期显示 -- [时间日期]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

非常酷的时钟，图片制作精美,还有日期显示

网络 2008/6/6 21:13:19 深山行者字体:大中小浏览 15058

以下为详细代码

非常酷的日期时钟，图片制作精美,还有日期显示脚本说明:
把如下代码加入<body>区域中
<STYLE type=text/css>.light {
FILTER: Light
}
.date {
COLOR: #000000; FONT-FAMILY: "Geneva", "Arial", "Helvetica", "san-serif"; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: center
}
</STYLE>
<SCRIPT>
function setLights(){
var sx=Math.cos(slightDir)*slightr;
var sy=Math.sin(slightDir)*slightr;
var mx=Math.cos(mlightDir)*mlightr;
var my=Math.sin(mlightDir)*mlightr;
var hx=Math.cos(hlightDir)*hlightr;
var hy=Math.sin(hlightDir)*hlightr;
sconDiv.filters.Light.clear();
sconDiv.filters.Light.addCone(sx+72,sy+72,1,73,72,215,255,5,20,1);
sconDiv.filters.Light.addCone(mx+72,my+72,1,73,72,255,10,0,20,2);
sconDiv.filters.Light.addCone(hx+72,hy+72,1,73,72,15,100,255,20,4);
sconDiv.filters.Light.addAmbient(155,155,155,100);
}
function timeGo(){
var tt=new Date();
slightDir=(tt.getSeconds())/60*6.28-1.57;
mlightDir=(tt.getMinutes())/60*6.28-1.57;
hlightDir=(tt.getHours())/12*6.28-1.57+mlightDir/6.28*0.52+0.05;
dateDiv.innerText=tt.getMonth()+1+"-"+tt.getDate();
setLights();
}
function InitClock(){
slightr=110;
mlightr=90;
hlightr=60;
timeGo();
setInterval("timeGo()",1000);
}
window.onload=InitClock;
</SCRIPT>
<DIV id=clockDiv style="HEIGHT: 222px; LEFT: 145px; POSITION: absolute; TOP: 12px; WIDTH: 233px; Z-INDEX: 1"><DIV class=light id=sconDiv style="HEIGHT: 70px; LEFT: 27px; POSITION: absolute; TOP: 22px; WIDTH: 70px; Z-INDEX: 1"><IMG height=144 src="/UploadFiles/demo/clockm.gif" width=144></DIV><IMG height=200 src="/UploadFiles/demo/clock2.gif" width=200> <DIV id=clLayer style="HEIGHT: 25px; LEFT: 88px; POSITION: absolute; TOP: 80px; WIDTH: 25px; Z-INDEX: 2"><IMG height=26 src="/UploadFiles/demo/clockd.gif" width=26></DIV><DIV class=date id=dateDiv
style="HEIGHT: 16px; LEFT: 85px; POSITION: absolute; TOP: 178px; WIDTH: 32px; Z-INDEX: 3">12-2</DIV></DIV>

前一页:blog式日历控件

后一页:没有了

相关阅读: asp页面ip防火墙限制(判断ip内网还是外网)功能; 百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名; HTML文档中meta标签的作用; 还在备案期间是否可以提前购买系统？; 判断用户注册密码强度的JS代码; 旅行社网站模板7; ASP连接各种数据库的方法; 26件网站推广网页优化必须的事情

共有0条关于《非常酷的时钟，图片制作精美,还有日期显示》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 利用JavaScript获取现在时间日期与农历; 另外的一种可以计算的倒计时效果; 非常酷的javascript实现万年历功能; 黑色的非常酷的简单JavaScript日历及说明; 特别简洁的简单JavaScript日历及说明; 可以用于考试系统中试卷上交的javascript倒计时

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 工作室网站改版计划; 拖动效果封装已经修改，适应火狐; 积分系统; 用dl、dt、dd制作个性表格; javascript在a标签中的一些操作; 页面里面的js和css的放的位置顺序与加载速度分析

更多标签热门标签

显示展示图片名称上下左右 position 舒服图片上传 CSS滤镜成功阴影效果许愿 ul 设置 DIV+CSS做的透明菜单兼容IE、FF等 open 素材系统窗口 table 百度规则 alert 变色搜索收藏夹弹窗天气预报 sel 框顶部宽技巧管理系统 onmouserout innerText 奋斗 Javascript实现CSS代码高亮显示1 用户体验调色板编辑 box 设计打字 height 标签 Word 组件忧化 mssql 分开