首页 > 编程知识 正文

js图片随机飘浮代码(js浮动代码)

时间:2023-12-20 16:55:05 阅读:318484 作者:LAEV

本文目录一览:

求上下浮动的图片在指定的区域内随浏览器上下滚动的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那句是测试语句.

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。