Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh bay trong trang web
URL: https://www.javascriptbank.com/flyingpictures.html
Hiệu ứng tạo ra các ảnh bay tự do khắp nơi trong trang web với tốc độ khác nhau, các ảnh này có thể va chạm với các ạnh trong của trang web.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh bay trong trang web
URL: https://www.javascriptbank.com/flyingpictures.html
<script><!-- Beginning of JavaScript -// FlyingPictures// URLs of floating images. Add as many images as you like.// ATTENTION: Too many images will dlow down the floating effect)var your_image=new Array()your_image[0]="logojs.gif"your_image[1]="photo1.jpg"your_image[2]="photo2.jpg"your_image[3]="photo3.jpg"your_image[4]="photo4.jpg"your_image[5]="photo5.jpg"// You may add links for each image separately.// In case you do not want to link a picture just add a '#' instead of an URL (see sample below)var your_image_link=new Array()your_image_link[0]="http://javascriptbank.com"your_image_link[1]="http://javascriptbank.com"your_image_link[2]="http://javascriptbank.com"your_image_link[3]="http://javascriptbank.com"your_image_link[4]="http://javascriptbank.com"your_image_link[5]="http://javascriptbank.com"// average speed of the floating images. Higher means fastervar floatingspeed=10// do not edit the variables belowvar tempo=20var numberofimages=your_image.length-1var stepx=new Array()var stepy=new Array()for (i=0;i<=numberofimages;i++) {stepx[i]=randommaker(floatingspeed)stepy[i]=randommaker(floatingspeed)}var imgwidth=new Array()var imgheight=new Array()for (i=0;i<=numberofimages;i++) {imgwidth[i]=10imgheight[i]=10}var x,yvar marginbottomvar marginleft=0var margintop=0var marginrightvar timervar spancontent=new Array()var imgpreload=new Array()for (i=0;i<=your_image.length;i++) {imgpreload[i]=new Image()imgpreload[i].src=your_image[i]}for (i=0;i<=numberofimages;i++) {spancontent[i]="<a href='"+your_image_link[i]+"'><img src='"+your_image[i]+"' border='0'></a>"}function setValues() {if (document.all) { marginbottom=document.body.clientHeight-5 marginright=document.body.clientWidth-5for (i=0;i<=numberofimages;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML=spancontent[i]var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=randommaker(marginright)thisspan.posTop=randommaker(marginbottom) }for (i=0;i<=numberofimages;i++) {var thisspan = eval("document.all.span"+i)imgwidth[i]=thisspan.offsetWidthimgheight[i]=thisspan.offsetHeight}checkmovement()}if (document.layers) { marginbottom=window.innerHeight-5 marginright=window.innerWidth-5for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.span"+i+".document") thisspan.write(spancontent[i])thisspan.close()var thisspan=eval("document.span"+i) thisspan.left=randommaker(marginright)thisspan.top=randommaker(marginbottom) }for (i=0;i<=numberofimages;i++) {var thisspan=eval("document.span"+i+".document")imgwidth[i]=thisspan.widthimgheight[i]=thisspan.height} checkmovement()}}function randommaker(range) {rand=Math.floor(range*Math.random())if (rand==0) {rand=Math.ceil(range/2)} return rand}function checkmovement() {if (document.all) {checkposition()movepictures() timer=setTimeout("checkmovement()",tempo)}if (document.layers) {checkposition() movepictures() timer=setTimeout("checkmovement()",tempo)}}function movepictures() {if (document.all) {for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.all.span"+(i)+".style") thisspan.posLeft+=stepx[i]thisspan.posTop+=stepy[i] }}if (document.layers) {for (i=0;i<=numberofimages;i++) { var thisspan = eval("document.span"+i) thisspan.left+=stepx[i]thisspan.top+=stepy[i] }}}function checkposition() {if (document.all) {for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.all.span"+i+".style")if (thisspan.posLeft>marginright-imgwidth[i]) {thisspan.posLeft-=Math.abs(stepx[i]+1)stepx[i]=randommaker(floatingspeed)*-1}if (thisspan.posLeft<marginleft) {thisspan.posLeft+=Math.abs(stepx[i])stepx[i]=randommaker(floatingspeed)}if (thisspan.posTop>marginbottom-imgheight[i]) {thisspan.posTop-=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)*-1}if (thisspan.posTop<margintop) {thisspan.posTop+=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)}}}if (document.layers) {for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.span"+i)if (thisspan.left>marginright-imgwidth[i]) {thisspan.left-=Math.abs(stepx[i]+1)stepx[i]=randommaker(floatingspeed)*-1}if (thisspan.left<marginleft) {thisspan.left+=Math.abs(stepx[i])stepx[i]=randommaker(floatingspeed)}if (thisspan.top>marginbottom-imgheight[i]) {thisspan.top-=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)*-1}if (thisspan.top<margintop) {thisspan.top+=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)}}}}// - End of JavaScript - --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body id="thisbody" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden"><script><!-- Beginning of JavaScript -for (i=0;i<=numberofimages;i++) { document.write("<span id='span"+i+"' style='position:absolute'></span>") document.close()}// - End of JavaScript - --></script></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->