可能由于定位问题,一放两张就乱了布局(现在想两侧都可以放多张图片..)
我是个实习生JS比较菜;故到此求救;
脚本:
var imgheight_close
document.ns = navigator.appName == "Microsoft Internet Explorer"
var bdy = (document.documentElement && document.documentElement.clientWidth)?document.documentElement:document.body;
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
function myload()
{
myright.style.top=bdy.scrollTop+bdy.offsetHeight-imgheight_close;
myright.style.left=bdy.offsetWidth-120;
mymove();
}
function mymove()
{
myright.style.top=bdy.scrollTop+bdy.offsetHeight-imgheight_close;
myright.style.left=bdy.scrollLeft+bdy.offsetWidth-120;
setTimeout("mymove();",50)
}
function MM_reloadPage(init)
{ //reloads the window if Nav4 resized
if (init==true) with (navigator)
{
if ((appName=="Netscape")&&(parseInt(appVersion)==4))
{
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;
}
}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
{
location.reload();
}
}
MM_reloadPage(true)
function close_float_right()
{
myright.style.visibility='hidden';
}
function getAD(imgurl,link,type)
{
if(document.ns)
{
document.write("<div id=myright style='position: absolute;width:80;top:0;left:578;visibility: visible;z-index: 1'>\
<style>\
A.closefloat:link,A.refloat:visited {text-decoration:none;color:#000000;font-size:12px}\
A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}\
</style>\
<table border=0 cellpadding=0 cellspacing=0><tr><td>");
if(type!="swf")
document.write("<a href='" + link + "' target = '_blank'><img src='" + imgurl + "' WIDTH=80 HEIGHT=80 border = 0></a>");
else{
document.write("<div id='ad_float_right_div'></div>");
var objFlash = new sinaFlash(imgurl, "ad_float_right", "80", "80", "7", "#ffffff");
objFlash.addParam("quality", "high");
objFlash.addParam("wmode", "opaque");
objFlash.write("ad_float_right_div");
}
}
document.write("</td></tr><tr><td width=80 height=20 align=right><a href='#' onclick='javascript:close_float_right();return false;'><b><font color=#ff0000>关闭</font></b></a></td></tr>\
</table>\
</div>");
}
------------------------------------------------------------
引用的时候
getAD("imgurl1","link","")
myload()
高手门帮看一下,如何可以放多张图片
1 个解决方案
#1
想加多少可以根据参数设置..
<html>
<head>
<style type="text/css">
html, body {
margin:0px;
padding:0px;
}
#lwc, #rwc {
display:none;
width:100px;
height:500px;
background:#009999;
border:#336699 1px dashed;
}
</style>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function scrollBanner(timer, moveNumber) {
function create(root) {
var div = document.createElement("div");
return root.appendChild(div);
}
function move(o) {
var st = document.body.scrollTop + o.t;
var sl = document.body.scrollLeft + (o.c == 0 ? o.a : document.body.clientWidth - o.a - o.offsetWidth);
var tc = st - o.offsetTop, lc = sl - o.offsetLeft;
with (o.style) {
top = o.offsetTop + (tc != 0 ? tc / Math.abs(tc) : 0) * Math.min(Math.abs(tc), moveNumber);
left = o.offsetLeft + (lc != 0 ? lc / Math.abs(lc) : 0) * Math.min(Math.abs(lc), moveNumber);
}
}
var hidden = function() {
var o = this.parent;
window.clearInterval(o.interval);
o.parentNode.removeChild(o);
}
this.add = function (to, t, a, c, lo) {
/*
to为object对象
t为距离顶端距离
当c = 0的时候，a为距离左边的距离
当c != 0的时候，a为距离右边的距离
lo为关闭按钮
*/
var o = create(document.body), div;
var exec = function () {
move.call(null, o);
};
o.appendChild(to);
to.style.display = "block";
if ("undefined" != typeof lo) {
div = create(o);
div.appendChild(lo)
div.align = "center";
lo.onmousedown = hidden;
lo.parent = o;
}
o.t = t;
o.a = a;
o.c = c;
with (o.style) {
position = "absolute";
top = document.body.scrollTop + t;
left = document.body.scrollLeft + (c == 0 ? a : document.body.clientWidth - a - o.offsetWidth);
}
o.interval = window.setInterval(exec, timer);
};
}
window.onload = function () {
var b = new scrollBanner(10, 3);
b.add($("lwc"), 50, 10, 0, $("lwc_c"));
b.add($("rwc"), 50, 10, 1, $("rwc_c"));
b = null;
}
</script>
</head>
<body>
<div id="lwc"></div>
<div id="rwc"></div>
<input id="lwc_c" type="button" value="关 闭" />
<input id="rwc_c" type="button" value="关 闭" />
<div style="height:1000px;"></div>
</body>
</html>
<html>
<head>
<style type="text/css">
html, body {
margin:0px;
padding:0px;
}
#lwc, #rwc {
display:none;
width:100px;
height:500px;
background:#009999;
border:#336699 1px dashed;
}
</style>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function scrollBanner(timer, moveNumber) {
function create(root) {
var div = document.createElement("div");
return root.appendChild(div);
}
function move(o) {
var st = document.body.scrollTop + o.t;
var sl = document.body.scrollLeft + (o.c == 0 ? o.a : document.body.clientWidth - o.a - o.offsetWidth);
var tc = st - o.offsetTop, lc = sl - o.offsetLeft;
with (o.style) {
top = o.offsetTop + (tc != 0 ? tc / Math.abs(tc) : 0) * Math.min(Math.abs(tc), moveNumber);
left = o.offsetLeft + (lc != 0 ? lc / Math.abs(lc) : 0) * Math.min(Math.abs(lc), moveNumber);
}
}
var hidden = function() {
var o = this.parent;
window.clearInterval(o.interval);
o.parentNode.removeChild(o);
}
this.add = function (to, t, a, c, lo) {
/*
to为object对象
t为距离顶端距离
当c = 0的时候，a为距离左边的距离
当c != 0的时候，a为距离右边的距离
lo为关闭按钮
*/
var o = create(document.body), div;
var exec = function () {
move.call(null, o);
};
o.appendChild(to);
to.style.display = "block";
if ("undefined" != typeof lo) {
div = create(o);
div.appendChild(lo)
div.align = "center";
lo.onmousedown = hidden;
lo.parent = o;
}
o.t = t;
o.a = a;
o.c = c;
with (o.style) {
position = "absolute";
top = document.body.scrollTop + t;
left = document.body.scrollLeft + (c == 0 ? a : document.body.clientWidth - a - o.offsetWidth);
}
o.interval = window.setInterval(exec, timer);
};
}
window.onload = function () {
var b = new scrollBanner(10, 3);
b.add($("lwc"), 50, 10, 0, $("lwc_c"));
b.add($("rwc"), 50, 10, 1, $("rwc_c"));
b = null;
}
</script>
</head>
<body>
<div id="lwc"></div>
<div id="rwc"></div>
<input id="lwc_c" type="button" value="关 闭" />
<input id="rwc_c" type="button" value="关 闭" />
<div style="height:1000px;"></div>
</body>
</html>
#1
想加多少可以根据参数设置..
<html>
<head>
<style type="text/css">
html, body {
margin:0px;
padding:0px;
}
#lwc, #rwc {
display:none;
width:100px;
height:500px;
background:#009999;
border:#336699 1px dashed;
}
</style>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function scrollBanner(timer, moveNumber) {
function create(root) {
var div = document.createElement("div");
return root.appendChild(div);
}
function move(o) {
var st = document.body.scrollTop + o.t;
var sl = document.body.scrollLeft + (o.c == 0 ? o.a : document.body.clientWidth - o.a - o.offsetWidth);
var tc = st - o.offsetTop, lc = sl - o.offsetLeft;
with (o.style) {
top = o.offsetTop + (tc != 0 ? tc / Math.abs(tc) : 0) * Math.min(Math.abs(tc), moveNumber);
left = o.offsetLeft + (lc != 0 ? lc / Math.abs(lc) : 0) * Math.min(Math.abs(lc), moveNumber);
}
}
var hidden = function() {
var o = this.parent;
window.clearInterval(o.interval);
o.parentNode.removeChild(o);
}
this.add = function (to, t, a, c, lo) {
/*
to为object对象
t为距离顶端距离
当c = 0的时候，a为距离左边的距离
当c != 0的时候，a为距离右边的距离
lo为关闭按钮
*/
var o = create(document.body), div;
var exec = function () {
move.call(null, o);
};
o.appendChild(to);
to.style.display = "block";
if ("undefined" != typeof lo) {
div = create(o);
div.appendChild(lo)
div.align = "center";
lo.onmousedown = hidden;
lo.parent = o;
}
o.t = t;
o.a = a;
o.c = c;
with (o.style) {
position = "absolute";
top = document.body.scrollTop + t;
left = document.body.scrollLeft + (c == 0 ? a : document.body.clientWidth - a - o.offsetWidth);
}
o.interval = window.setInterval(exec, timer);
};
}
window.onload = function () {
var b = new scrollBanner(10, 3);
b.add($("lwc"), 50, 10, 0, $("lwc_c"));
b.add($("rwc"), 50, 10, 1, $("rwc_c"));
b = null;
}
</script>
</head>
<body>
<div id="lwc"></div>
<div id="rwc"></div>
<input id="lwc_c" type="button" value="关 闭" />
<input id="rwc_c" type="button" value="关 闭" />
<div style="height:1000px;"></div>
</body>
</html>
<html>
<head>
<style type="text/css">
html, body {
margin:0px;
padding:0px;
}
#lwc, #rwc {
display:none;
width:100px;
height:500px;
background:#009999;
border:#336699 1px dashed;
}
</style>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function scrollBanner(timer, moveNumber) {
function create(root) {
var div = document.createElement("div");
return root.appendChild(div);
}
function move(o) {
var st = document.body.scrollTop + o.t;
var sl = document.body.scrollLeft + (o.c == 0 ? o.a : document.body.clientWidth - o.a - o.offsetWidth);
var tc = st - o.offsetTop, lc = sl - o.offsetLeft;
with (o.style) {
top = o.offsetTop + (tc != 0 ? tc / Math.abs(tc) : 0) * Math.min(Math.abs(tc), moveNumber);
left = o.offsetLeft + (lc != 0 ? lc / Math.abs(lc) : 0) * Math.min(Math.abs(lc), moveNumber);
}
}
var hidden = function() {
var o = this.parent;
window.clearInterval(o.interval);
o.parentNode.removeChild(o);
}
this.add = function (to, t, a, c, lo) {
/*
to为object对象
t为距离顶端距离
当c = 0的时候，a为距离左边的距离
当c != 0的时候，a为距离右边的距离
lo为关闭按钮
*/
var o = create(document.body), div;
var exec = function () {
move.call(null, o);
};
o.appendChild(to);
to.style.display = "block";
if ("undefined" != typeof lo) {
div = create(o);
div.appendChild(lo)
div.align = "center";
lo.onmousedown = hidden;
lo.parent = o;
}
o.t = t;
o.a = a;
o.c = c;
with (o.style) {
position = "absolute";
top = document.body.scrollTop + t;
left = document.body.scrollLeft + (c == 0 ? a : document.body.clientWidth - a - o.offsetWidth);
}
o.interval = window.setInterval(exec, timer);
};
}
window.onload = function () {
var b = new scrollBanner(10, 3);
b.add($("lwc"), 50, 10, 0, $("lwc_c"));
b.add($("rwc"), 50, 10, 1, $("rwc_c"));
b = null;
}
</script>
</head>
<body>
<div id="lwc"></div>
<div id="rwc"></div>
<input id="lwc_c" type="button" value="关 闭" />
<input id="rwc_c" type="button" value="关 闭" />
<div style="height:1000px;"></div>
</body>
</html>