new file: Files/flashplayer_32_sa.exe new file: favicon.ico new file: globe.gif new file: imgs/download.png new file: imgs/zuck.jpg new file: index.html new file: other.ico new file: script.js new file: site.webmanifest new file: sitemap.html new file: styles/backround.css new file: styles/border.css new file: styles/fonts/Titillium_Web/OFL.txt new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2 new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2 new file: styles/style.css new file: tools/2048/.gitignore new file: tools/2048/.jshintrc new file: tools/2048/CONTRIBUTING.md new file: tools/2048/LICENSE.txt new file: tools/2048/README.md new file: tools/2048/Rakefile new file: tools/2048/favicon.ico new file: tools/2048/index.html new file: tools/2048/js/animframe_polyfill.js new file: tools/2048/js/application.js new file: tools/2048/js/bind_polyfill.js new file: tools/2048/js/classlist_polyfill.js new file: tools/2048/js/game_manager.js new file: tools/2048/js/grid.js new file: tools/2048/js/html_actuator.js new file: tools/2048/js/keyboard_input_manager.js new file: tools/2048/js/local_storage_manager.js new file: tools/2048/js/tile.js new file: tools/2048/meta/apple-touch-icon.png new file: tools/webretro/cores/neocd_libretro.js new file: tools/webretro/cores/neocd_libretro.wasm new file: tools/webretro/cores/nestopia_libretro.js new file: tools/webretro/cores/nestopia_libretro.wasm new file: tools/webretro/cores/o2em_libretro.js new file: tools/webretro/cores/o2em_libretro.wasm new file: tools/webretro/cores/opera_libretro.js new file: tools/webretro/cores/opera_libretro.wasm
12 lines
2.4 KiB
JavaScript
12 lines
2.4 KiB
JavaScript
function reciprocalMain(numer,denom){this.version='0.76';this.numer=typeof numer!=='undefined'?numer:'3';this.denom=typeof denom!=='undefined'?denom:'4';w=150;h=150;var s="";s+='<div style="position:relative; width:'+w+'px; min-height:'+h+'px; border: none; border-radius: 20px; background-color: #eeeeff; margin:auto; display:block;">';s+='<div id="numer" style="font: bold 36px Arial; color: blue; position:absolute; left:0; top:10px; width:100px; text-align:center; transition: all linear 1s; z-index: 100;">'+this.numer+'</div>';s+='<div id="line" style="position:absolute; left:45px; top:60px; width:50px; height:3px; background: black;"></div>';s+='<div id="denom" style="font: bold 36px Arial; color: red; position:absolute; left:0; top:70px; width:100px; text-align:center; transition: all linear 1s; z-index: 100;">'+this.denom+'</div>';s+='<div id="descr" style="font: bold 16px Arial; color: black; position:absolute; left:0; top:120px; width: 150px; text-align:center; transition: all linear 0.3s; z-index: 100;">A Fraction</div>';s+='</div>';document.write(s);this.frame=0;topPt=new Point(20,15);botPt=new Point(20,65);midPt=new Point((topPt.x+botPt.x)/2,(topPt.y+botPt.x)/2);midLtPt=new Point(midPt.x-30,midPt.y);midRtPt=new Point(midPt.x+30,midPt.y);animate();}
|
|
function animate(){this.frame=(++this.frame)%520;if(this.frame==1){document.getElementById("descr").innerHTML="A Fraction";placeId('numer',topPt.x,topPt.y);placeId('denom',botPt.x,botPt.y);}
|
|
if(this.frame==70){placeId('numer',midLtPt.x,midLtPt.y);placeId('denom',midRtPt.x,midRtPt.y);}
|
|
if(this.frame==120){document.getElementById("descr").style.opacity=0;placeId('numer',botPt.x,botPt.y);placeId('denom',topPt.x,topPt.y);}
|
|
if(this.frame==150){document.getElementById("descr").innerHTML="Its Reciprocal";document.getElementById("descr").style.opacity=1;}
|
|
if(frame==370){placeId('numer',midLtPt.x,midLtPt.y);placeId('denom',midRtPt.x,midRtPt.y);}
|
|
if(this.frame==420){document.getElementById("descr").style.opacity=0;placeId('numer',topPt.x,topPt.y);placeId('denom',botPt.x,botPt.y);}
|
|
if(frame==450){document.getElementById("descr").innerHTML="A Fraction";document.getElementById("descr").style.opacity=1;}
|
|
requestAnimationFrame(animate);}
|
|
function placeId(id,x,y){var div=document.getElementById(id);div.style.left=x+'px';div.style.top=y+'px';}
|
|
function Point(x,y){this.x=x;this.y=y;}
|
|
Point.prototype.set=function(x,y){this.x=x;this.y=y;}; |