本文目录一览:
- 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那句是测试语句.