📄 网页作坊--石英表.htm

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0053)http://pagediy.home.chinaren.com/script/date/001s.htm -->
<HTML><HEAD><TITLE>网页作坊--石英表</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
// http://oke.yeah.net

var clipTop=0
var clipBottom=clipTop+60
var clipLeft
var clipRight
var isNS

if (document.layers) { (isNS=true) }
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

var imgSeconds
var imgMinutes
var imgHours
var imgClock
var textDate
var textDay
var textLink

var clipHours=""
var clipMinutes=""
var clipSeconds=""

var startLeft=-5
var startTop=85

var tunePosHour =-2

function initObjects() {

	if (document.all) {
		imgSeconds = document.all.imgSeconds.style
		imgMinutes = document.all.imgMinutes.style
		imgHours = document.all.imgHours.style
		imgClock = document.all.imgClock.style
		textDate = document.all.textDate.style
		textDay = document.all.textDay.style
		textLink = document.all.textLink.style
		
		startLeft=-3
		startTop=89
		
		imgHours.posTop=startTop
		imgMinutes.posTop=startTop
		imgSeconds.posTop=startTop
	
		textDate.posTop = 111
		textDate.posLeft = 75
	
		textDay.posTop = 111
		textDay.posLeft = 41
		
		textLink.posTop = 220
		textLink.posLeft = -9
		
		
	
		imgSeconds.visibility=VISIBLE
		imgMinutes.visibility=VISIBLE
		imgHours.visibility=VISIBLE
		imgClock.visibility=VISIBLE
		textDate.visibility=VISIBLE
		textDay.visibility=VISIBLE
		textLink.visibility=VISIBLE
	
		tickIE()
	}
	
	if (document.layers) {
		imgSeconds = document.imgSeconds
		imgMinutes = document.imgMinutes
		imgHours = document.imgHours
		imgClock = document.imgClock
		textDate = document.textDate
		textDay = document.textDay
		textLink = document.textLink
		
		startLeft=-1
		startTop=80
		
		imgHours.top=startTop
		imgMinutes.top=startTop
		imgSeconds.top=startTop
	
		textDate.top = 104
		textDate.left = 75
	
		textDay.top = 104
		textDay.left = 40
		
		textLink.top = 220
		textLink.left = -10
		
		imgSeconds.visibility=VISIBLE
		imgMinutes.visibility=VISIBLE
		imgHours.visibility=VISIBLE
		imgClock.visibility=VISIBLE
		textDate.visibility=VISIBLE
		textDay.visibility=VISIBLE
		textLink.visibility=VISIBLE
	
		tickNS()
	}
	
	
}

function tickIE() {
	var now = new Date()
	var nowHours = now.getHours()
	var nowMinutes = now.getMinutes()
	var nowSeconds = now.getSeconds()

	if (nowHours >= 12) {nowHours=nowHours-12}
	imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour)
	clipLeft = -(imgHours.posLeft)+30
	clipRight= clipLeft+56
	clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgHours.clip=clipHours
	
	imgMinutes.posLeft=-((nowMinutes)*60+startLeft)
	clipLeft = -(imgMinutes.posLeft)+30
	clipRight= clipLeft+56
	clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgMinutes.clip=clipMinutes
	
	
	imgSeconds.posLeft=-((nowSeconds)*60+startLeft)
	clipLeft = -(imgSeconds.posLeft)+35
	clipRight= clipLeft+56
	clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgSeconds.clip=clipSeconds
	
	var runClock = setTimeout("tickIE()", 100);
}


function tickNS() {
	
	var now = new Date()
	var nowHours = now.getHours()
	var nowMinutes = now.getMinutes()
	var nowSeconds = now.getSeconds()
	
	if (nowHours >= 12) {nowHours=nowHours-12}
	imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour+2)
	clipLeft = -(imgHours.left)+30
	clipRight= clipLeft+56
	imgHours.clip.left = clipLeft
	imgHours.clip.right = clipRight
	imgHours.clip.top = clipTop
	imgHours.clip.bottom = clipBottom
	
	imgMinutes.left=-((nowMinutes)*60+startLeft)
	clipLeft = -(imgMinutes.left)+30
	clipRight= clipLeft+56
	imgMinutes.clip.left = clipLeft
	imgMinutes.clip.right = clipRight
	imgMinutes.clip.top = clipTop
	imgMinutes.clip.bottom = clipBottom
	
	imgSeconds.left=-((nowSeconds)*60+startLeft)
	clipLeft = -(imgSeconds.left)+35
	clipRight= clipLeft+56
	imgSeconds.clip.left = clipLeft
	imgSeconds.clip.right = clipRight
	imgSeconds.clip.top = clipTop
	imgSeconds.clip.bottom = clipBottom

	var runClock = setTimeout("tickNS()", 100);
}


</SCRIPT>

<STYLE>.imgall {
	POSITION: absolute; VISIBILITY: hidden
}
</STYLE>

<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff onload=initObjects()>
<DIV class=imgall id=imgClock><IMG src="网页作坊--石英表.files/clock2.jpg"></DIV>
<SCRIPT language=JavaScript>
	var heute = new Date()
	var wochentag = heute.getDay()
	var heuteDatum = heute.getDate()
	
	if (wochentag==0) { wochentag = "sun" }
	else if (wochentag==1) { wochentag = "mon" }
	else if (wochentag==2) { wochentag = "tue" }
	else if (wochentag==3) { wochentag = "wed" }
	else if (wochentag==4) { wochentag = "thu" }
	else if (wochentag==5) { wochentag = "fri" }
	else if (wochentag==6) { wochentag = "sam" }
	
	document.write('<DIV ID = "textDate" CLASS = "imgall"><font size=1>'+heuteDatum+'</font></DIV>')
	document.write('<DIV ID = "textDay" CLASS = "imgall"><font size=1>'+wochentag+'</font></DIV>')
</SCRIPT>

<DIV class=imgall id=imgHours><IMG src="网页作坊--石英表.files/hours2.gif"></DIV>
<DIV class=imgall id=imgMinutes><IMG src="网页作坊--石英表.files/minutes2.gif"></DIV>
<DIV class=imgall id=imgSeconds><IMG src="网页作坊--石英表.files/seconds2.gif"></DIV>
<DIV class=imgall id=textLink>
<TABLE border=0 cellPadding=2 cellSpacing=2 width=160>
  <TBODY>
  <TR>
    <TD align=middle><FONT size=1>欢迎光临网页作坊 <BR><BR>这里丰富的特效脚本实例<BR><BR><A 
      href="http://oke.yeah.net/" target=_blank>http://oke.yeah.net/</A> 
    </FONT></TD>
    <TD></TD></TR></TBODY></TABLE></DIV></BODY></HTML>
💿 文件大小 1486 K
👤 上传用户 yuexiaolin12345
📂 所属分类 Java书籍
🏷️ 相关标签

#JavaScript #JAVA
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -