Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ đeo tay có dây bằng da
URL: https://www.javascriptbank.com/swiss-luxery-watch-i.html
Hiệu ứng sử dụng kết hợp hình ảnh CSS, JavaScript, DHTML và ActiveX để tạo một đồng hồ đeo tay có dây làm bằng da trên trang web.Một hiệu ứng rất đẹp và bắt mắt. Nếu không xem mã nguồn, người dùng sẽ có thể lầm tưởng nó được làm bằng Flash.
Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ đeo tay có dây bằng da
URL: https://www.javascriptbank.com/swiss-luxery-watch-i.html
<STYLE>.imgall {POSITION: absolute; VISIBILITY: hidden}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript>var clipTop=0var clipBottom=clipTop+60var clipLeftvar clipRightvar isNSif (document.layers) { (isNS=true) }var HIDDEN = (isNS) ? 'hide' : 'hidden';var VISIBLE = (isNS) ? 'show' : 'visible';var imgSecondsvar imgMinutesvar imgHoursvar imgClockvar textDatevar textDayvar textLinkvar clipHours=""var clipMinutes=""var clipSeconds=""var startLeft=-5var startTop=85var tunePosHour =-2function initObjects() {if (document.all) {imgSeconds = document.all.imgSeconds.styleimgMinutes = document.all.imgMinutes.styleimgHours = document.all.imgHours.styleimgClock = document.all.imgClock.styletextDate = document.all.textDate.styletextDay = document.all.textDay.styletextLink = document.all.textLink.stylestartLeft=-5startTop=85imgHours.posTop=startTopimgMinutes.posTop=startTopimgSeconds.posTop=startToptextDate.posTop = 109textDate.posLeft = 86textDay.posTop = 109textDay.posLeft = 41textLink.posTop = 190textLink.posLeft = -9imgSeconds.visibility=VISIBLEimgMinutes.visibility=VISIBLEimgHours.visibility=VISIBLEimgClock.visibility=VISIBLEtextDate.visibility=VISIBLEtextDay.visibility=VISIBLEtextLink.visibility=VISIBLEtickIE()}if (document.layers) {imgSeconds = document.imgSecondsimgMinutes = document.imgMinutesimgHours = document.imgHoursimgClock = document.imgClocktextDate = document.textDatetextDay = document.textDaytextLink = document.textLinkstartLeft=-3startTop=78imgHours.top=startTopimgMinutes.top=startTopimgSeconds.top=startToptextDate.top = 102textDate.left = 85textDay.top = 102textDay.left = 40textLink.top = 190textLink.left = -10imgSeconds.visibility=VISIBLEimgMinutes.visibility=VISIBLEimgHours.visibility=VISIBLEimgClock.visibility=VISIBLEtextDate.visibility=VISIBLEtextDay.visibility=VISIBLEtextLink.visibility=VISIBLEtickNS()}}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)+30clipRight= clipLeft+60clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"imgHours.clip=clipHoursimgMinutes.posLeft=-((nowMinutes)*60+startLeft)clipLeft = -(imgMinutes.posLeft)+30clipRight= clipLeft+60clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"imgMinutes.clip=clipMinutesimgSeconds.posLeft=-((nowSeconds)*60+startLeft)clipLeft = -(imgSeconds.posLeft)+35clipRight= clipLeft+60clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"imgSeconds.clip=clipSecondsvar 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)+30clipRight= clipLeft+60imgHours.clip.left = clipLeftimgHours.clip.right = clipRightimgHours.clip.top = clipTopimgHours.clip.bottom = clipBottomimgMinutes.left=-((nowMinutes)*60+startLeft)clipLeft = -(imgMinutes.left)+30clipRight= clipLeft+60imgMinutes.clip.left = clipLeftimgMinutes.clip.right = clipRightimgMinutes.clip.top = clipTopimgMinutes.clip.bottom = clipBottomimgSeconds.left=-((nowSeconds)*60+startLeft)clipLeft = -(imgSeconds.left)+35clipRight= clipLeft+60imgSeconds.clip.left = clipLeftimgSeconds.clip.right = clipRightimgSeconds.clip.top = clipTopimgSeconds.clip.bottom = clipBottomvar runClock = setTimeout("tickNS()", 100);}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=initObjects()><DIV class=imgall id=imgClock> <IMG src="clock1.jpg" width="110" height="200"></DIV><SCRIPT language=JavaScript>var heute = new Date()var wochentag = heute.getDay()var heuteDatum = heute.getDate()if (wochentag==0) { wochentag = "SAM" }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 = "SUN" }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="hours1.gif" width="3620" height="60"></DIV><DIV class=imgall id=imgMinutes> <IMG src="minutes1.gif" width="3620" height="60"></DIV><DIV class=imgall id=imgSeconds> <IMG src="seconds2.gif" width="3620" height="60"></DIV><DIV class=imgall id=textLink><TABLE border=0 cellPadding=2 cellSpacing=2 width=160> <TBODY> <TR></TR></TBODY></TABLE></DIV></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/time/clock1.jpghttp://javascriptbank.com/javascript/time/hours1.gifhttp://javascriptbank.com/javascript/time/minutes1.gifhttp://javascriptbank.com/javascript/time/seconds2.gif