js圖片隨機飄浮代碼（js浮動代碼）

本文目錄一覽：

• 1、求上下浮動的圖片在指定的區域內隨瀏覽器上下滾動的js代碼
• 2、跪求一段圖片全屏浮動的JS 代碼！
• 3、求JS代碼。按開始，圖片隨機滾動；按結束，顯示隨機滾動的其中一張圖片。
• 4、怎麼用javascript輸出隨機圖片代碼，如，

求上下浮動的圖片在指定的區域內隨瀏覽器上下滾動的js代碼

關鍵代碼：

main-left：左側參照DIV；

main-right：要浮動的DIV；

div.top-box：頁面頂部的Fixed層；

$(document).ready(function(){

 $(window).scroll(function(){

  var 

leftTop  = $(“#main-left”).offset().top;

  var rightTop = 

$(“#main-right”).offset().top;

  var scrollerTop = $(this).scrollTop() + 

$(“div.top-box”).height();

  if(scrollerTop  leftTop) {

   if 

(scrollerTop + $(“#main-right”).height()  leftTop + 

$(“#main-left”).height()){

    if ($(“#main-right”).css(“position”) != 

“fixed”){

     $(“#main-right”).css({“position”:”fixed”, 

“left”:$(“#main-right”).offset().left + “px”, “top”:$(“div.top-box”).height() + 

“px”});

    }

   }else{

    $(“#main-right”).css({“position”:”fixed”, 

“left”:$(“#main-right”).offset().left + “px”, “top”:($(“div.top-box”).height() – 

(scrollerTop + $(“#main-right”).height() – (leftTop + $(“#main-left”).height())) 

) + “px” });

   }

  } else {

   if ($(“#main-right”).css(“position”) != 

“static”){

    $(“#main-right”).css({“position”:”static”});

   }

  }

 });

});

跪求一段圖片全屏浮動的JS 代碼！

div id=”img” style=”position:absolute;”

a href=”#” target=”_blank”

img src=”test.gif”

/a

/div

SCRIPT LANGUAGE=”JavaScript1.2″

!– Begin

var xPos = 20;

var yPos = document.body.clientHeight;

var step = 1;

var delay = 30;

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = 0;

var xon = 0;

var pause = true;

var interval;

img.style.top = yPos;

function changePos() {

width = document.body.clientWidth;

height = document.body.clientHeight;

Hoffset = img.offsetHeight;

Woffset = img.offsetWidth;

img.style.left = xPos + document.body.scrollLeft;

img.style.top = yPos + document.body.scrollTop;

if (yon) {

yPos = yPos + step;

}

else {

yPos = yPos – step;

}

if (yPos 0) {

yon = 1;

yPos = 0;

}

if (yPos = (height – Hoffset)) {

yon = 0;

yPos = (height – Hoffset);

}

if (xon) {

xPos = xPos + step;

}

else {

xPos = xPos – step;

}

if (xPos 0) {

xon = 1;

xPos = 0;

}

if (xPos = (width – Woffset)) {

xon = 0;

xPos = (width – Woffset);

}

}

function start() {

img.visibility = “visible”;

interval = setInterval(�0�7changePos()�0�7, delay);

}

start();

// End —

/script

求JS代碼。按開始，圖片隨機滾動；按結束，顯示隨機滾動的其中一張圖片。

給你說個可行方案，自己寫代碼，用AJAX獲取數據庫中所有圖片ID和圖片地址，存到數組中，根據ID建立隨機因子，之後獲取個隨機ID號，這樣再用這樣就知道了圖片地址，就可以顯示圖片了

怎麼用javascript輸出隨機圖片代碼，如，

function getRandomImage(){

var index = Math.ceil(Math.random() * 10);

return ‘img src=”/’ + index + ‘.jpg” ‘;

}

console.log(getRandomImage());

主要就是生成1~10的隨機數,然後字符串拼裝.console那句是測試語句.