永发信息网

请问谁有右侧漂浮的代码,是JS代码

答案:1  悬赏:70  手机版
解决时间 2021-05-16 20:35

可以实现多个图片竖排漂浮,其实是想做一个网站的导航

也可以是网页最置顶的漂浮,可以随滚动条滚动

是.JS文件格式的代码

最佳答案

我有 但是是左右2边的 你直接复制 然后放在JS文件里


lastScrollY = 0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
//下面这段删除后,对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->
//关闭按钮
function close_left1(){
// left1.style.visibility='hidden';
left1.style.display='none';
leftDiv.style.display='none';
}
function close_right1(){
//right1.style.visibility='hidden';
right1.style.display='none';
rightDiv.style.display='none';
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:100px;height:100px;background-color:#fff;position:absolute;}");
document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" top:40px;left:5px\">");
//------左侧各块开始
//---L1
document.writeln("<div id=\"left1\" class=\"itemFloat\">");
document.writeln("<a href='freecalls_business.aspx'><img src=images\\index_ad_3_min.jpg width=100 height=300 /></a>");
document.writeln("<br><a href=\"javascript:close_left1();\" title=\"关闭广告\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//------左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" top:40px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right1\" class=\"itemFloat\">");
document.writeln("<a href='huodong_kaixue.html'><img src=images\\index_ad_4_min.jpg width=100 height=300 /></a>");
document.writeln("<br><a href=\"javascript:close_right1();\" title=\"关闭广告\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");

我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
吃油腻的汤有催奶作用吗
皮肤容易过敏怎么办??
win7旗舰版能玩极品飞车13吗?如能玩,在哪里
问道押镖活动都有什么要求?
手机lMEl是指什么
谁能解释我的鬼压床
大同至五台山多少公里,五台山回大同多远
诺基亚7710的出厂恢复设置在哪里?
雁峰区衡阳HIM uomo在什么地方啊,我要过去处
美宝莲这款唇彩还有没有卖?
黑girl为什么解散?解散后的美眉都干嘛去了呢
为什么有些女的这么傻???
公司旅行横幅标语,公司旅游横幅标语怎么写?
在很无聊的时候,做什么好?
新洲区武汉江西一绝瓦罐汤(邾城街)在哪里啊,
推荐资讯
怎样查询我家电脑的显示卡名称?
爱情是建立在男人的面子上吗?
竹溪县十堰长江证券(竹溪县支公司)哪位知道具
请问哪里有找施工队和施工员吗
中国移动用短信怎么开通七天漫游
拳王02小草如何放出双大蛇??
What is one minus one 这个句子的What 可以
逃犯9554在哪里
我想问下关于QQ好友买卖的问题
Flash CS3谁教我英文版转换中文版
永兴县郴州中国建设银行24小时自助银行(大桥
观教育篇有感 交通安全
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?