在网页上放一张图片,当浏览者看网页时:图片跟着网页“走”。谢谢各位高手帮帮忙!!

作者&投稿:皇尝 (若有异议请与网页底部的电邮联系)
这关系到编程问题你只要会C++ 语言就能编程了

以下代码可以实现

示例
<div class="xScrollStick" style="left:0px;top:0px">
Content...
</div>
示例2:

<div class="xScrollStick positionStyleName">
Content...
</div>
演示:

运行代码框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>xScrollStick Demo</title>
<script type="text/javascript">

/*
说明:
x系列是Hutia开发的系列JS代码,配合相应的css后可以实现快速的自定义标签
目前xScrollStick支持的浏览器类型为:IE5.5, FF1.5

xScrollStick的标签为
<div class="xScrollStick">
Content...
</div>

支持属性:

支持方法:

*/

//**载入CSS*****
var xScrollStickCssFilePath="sp\/css\/xframe.css";
//document.write("<style>@import url("+xScrollStickCssFilePath+");</style>");

//**检测浏览器种类*****
var BROWSERNAME="";
switch(navigator.appName.toLowerCase()){
case "netscape":
BROWSERNAME="ns";
break;
case "microsoft internet explorer":
default:
BROWSERNAME="ie";
break;
}

//**设置初始化事件******
switch(BROWSERNAME){
case "ns":
window.addEventListener("load",_xScrollStick_init,false);
break;
case "ie":
default:
window.attachEvent("onload",_xScrollStick_init);
}

//**初始化函数******
function _xScrollStick_init(){
var allTheScrollSticks=document.getElementsByTagName("div");
for(var i=0;i<allTheScrollSticks.length;i++){
if(allTheScrollSticks[i].className.match(/^((xScrollStick)|(.+ +xScrollStick)|(xScrollStick +.+)|(.+ +xScrollStick +.+))$/))_xScrollStick_event_doInit(allTheScrollSticks[i]);
}
window_event_scroll();
}

//**事件响应函数区******

function _xScrollStick_event_doInit(element){
//初始化变量
element.offX=element.offsetLeft;
element.offY=element.offsetTop;

//设置方法
element.Stick=_xScrollStick_method_Stick;

//设置事件
switch(BROWSERNAME){
case "ns":
window.addEventListener("scroll",window_event_scroll,false);
break;
case "ie":
default:
window.attachEvent("onscroll",window_event_scroll);
}

//获取设置
//无
document.body.parentNode.onscroll=window_event_scroll;

}

function window_event_scroll(){
var allTheScrollSticks=document.getElementsByTagName("div");
for(var i=0;i<allTheScrollSticks.length;i++){
if(allTheScrollSticks[i].className.match(/^((xScrollStick)|(.+ +xScrollStick)|(xScrollStick +.+)|(.+ +xScrollStick +.+))$/))try{allTheScrollSticks[i].Stick();}catch(e){}
}
}

//**方法函数区******
function _xScrollStick_method_Stick(){
var x=this.offX, y=this.offY, po=this;
this.style.position="absolute";
x+=document.body.parentNode.scrollLeft;
y+=document.body.parentNode.scrollTop;
this.style.left=x+"px";
this.style.top=y+"px";

}

//**通用函数区***
//无
//]]>
</script>
<style>
.xScrollStick{
position:absolute;
padding:15px;
border:1px solid black;
width:120px;
height:24px;
}

.d1 { left:0px;top:0px; }
.d2 { right:0px;top:0px; }
.d3 { left:0px;bottom:0px; }
.d4 { right:0px;bottom:0px; }
</style>
</head>
<body style="text-align:center;">
<div class="xScrollStick d1">
<a href="http://www.163.com">浮动条</a>
</div>
<div class="xScrollStick d2">浮动条2</div>
<div class="xScrollStick d3">浮动条3</div>
<div class="xScrollStick d4">浮动条4</div>

<div style="top:0px;width:400px;height:2000px;">
afosdhfosdhg<br>
afosdhfosdhg<br>afosdhfosdhg<br>
afosdhfosdhg<br>afosdhfosdhg<br>
afosdhfosdhg<br>afosdhfosdhg<br>
afosdhfosdhg<br>afosdhfosdhg<br>
afosdhfosdhg<br>afosdhfosdhg<br>
afosdhfosdhg<br>
</div>

</body>
</html>

一页一页看图片好不方便哦,有什么办法能让全部图片放在一个网页上浏览啊?~

直接用WiseIE浏览器嘛
你直接右击图片查看相关图片就不用一页页翻图了,所有图片都会在一个新的窗口里出现,看起来很清楚的~~

百度以图搜图

在网页上放一张图片,当浏览者看网页时:图片跟着网页“走”。谢谢各位...
答:以下代码可以实现 示例 Content... 示例2: Content... 演示:运行代码框 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xScrollStick Demo / 说明:x系列是Hutia开发的系列JS代码,配合相应的css后...

在别的网站贴上我的网站图片,当别人浏览到我的网站图片时浏览者的IP...
答:不会的 算IP 一般都是需要亲自登录看到才行的 要不网络都该乱套了 呵呵 道理很简单的 比如你设计的东西 你放在你家网站上 其他人也在代理 然后买家找你代理的人了 这业务肯定算是代理的 一个道理、。

两个网页使用同一张图片,浏览时需要下载两次吗?
答:如果不在同一个页面 就要2次下载 打开不同的界面 就会向服务器发送一次请求 关闭窗口通信就断了 在打开就要在下载 这个看你的具体需求了 一般都放gif的图片 分行扫描下载 也比较小 主页能少放图片就少放

链接是什么
答:问题一:什么叫链接 链接又是什么 链接也称超级链接,所谓的超链接是指从一个网页指向一个目标的连接关系,而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片.当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。 网页上的超链接一般分为三种: 一种是绝...

超链接 是什么
答:所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,...

IE浏览器怎样快捷将页面图片保存下来?
答:IE浏览器快捷将页面图片保存下来的具体步骤如下:1、首先打开IE浏览器,进入IE浏览器页面中,找到想要保存的图片。2、然后在弹出来的窗口中鼠标左键按住图片,拖到想要存放的文件夹中。3、然后在弹出来的窗口中点击选择“确定”就可以了。

怎么保存网页图片
答:一、保存网页图片 其实IE就可以点浏览器的文件---另存为就可以把网页另存为“html,全部”,这样就会生成一个html文件和一个同样名字但多出。 files字样的文件夹,打开那个文件夹里面就有所有的图片。 其他方法: 方法一、前提:该网页上的图片不是采用链接地址的。 1、先将这个网页保存到本地电脑上,注意保存的时...

网页里面加入图片对网站优化有哪些好处啊??
答:你可以去看看。 ④空间。选择稳定性好的空间,要网速比较快,稳定的。别老是掉线,对客户不好,对蜘蛛也不好。想一下,蜘蛛大老远的爬过来,却发现你不开门,进不了你的网站,会很生气的。 第二:网站结构 ①尽量采用div+css布局,摒弃表格。 ②标签规范化,图片加atl,标题加H1,...

如何制作自己的网页 可以添加音乐 可以在上面放几张图片 和一些文字就...
答:(一)简单设置 首先下载播放插件(下载地址:http?//www.mh.fy.cn/soft/music.rar),解压后进入目录,其中music.htm就是我们要在主页上加载的播放条页面,list.htm是浏览者用于查看播放列表的弹出页面,js文件夹里存放的是几个播放控制文件,img里则是一些播放界面的图片文件。使用网页编辑软件打开music....

网页图片显示不出来怎么办 网络故障解决【详解】
答:网页图片显示不出来,主要有2个原因,一个是网络原因(包括我们的上网速度,以及网站所在服务器的网络速度);另外一个是我们电脑浏览器的设置问题(比如设置不当,或者遭病毒破坏等)。 既然我们找到的网页图片不能显示可能的大致原因,那么解决问题就有了方向,我们采用排除法。从简单入手,首先我们使用杀毒软件对电脑进行一次全...