本文目录一览：
- 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那句是测试语句.
原创文章，作者：LZMSN，如若转载，请注明出处：https://www.506064.com/n/317802.html
微信扫一扫 
支付宝扫一扫 