导航:首页 > 万维百科 > 网页设计向上浮动代码

网页设计向上浮动代码

发布时间:2020-09-02 17:45:27

1、网页制作中图片浮动的代码!!!急需!!!

<script>
var pngbrOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
var pngmystop=0;

function pngcheckbrOK()
{if(aname.indexOf("Internet Explorer")!=-1)
{if(aver>=4) pngbrOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{if(aver>=4) pngbrOK=navigator.javaEnabled();}
}
var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function pngchip(chipname,width,height)
{
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function pngmovechip(chipname)
{
if(pngbrOK && pngmystop==0)
{eval("pngchip="+chipname);
if(!mie)
{pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-8;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight;
}
pngchip.xx=pngchip.xx+pngchip.vx;
pngchip.yy=pngchip.yy+pngchip.vy;
pngchip.vx+=vr*(Math.random()-0.5);
pngchip.vy+=vr*(Math.random()-0.5);
if(pngchip.vx>(vmax+vmin)) pngchip.vx=(vmax+vmin)*2-pngchip.vx;
if(pngchip.vx<(-vmax-vmin)) pngchip.vx=(-vmax-vmin)*2-pngchip.vx;
if(pngchip.vy>(vmax+vmin)) pngchip.vy=(vmax+vmin)*2-pngchip.vy;
if(pngchip.vy<(-vmax-vmin)) pngchip.vy=(-vmax-vmin)*2-pngchip.vy;
if(pngchip.xx<=pageX)
{pngchip.xx=pageX;
pngchip.vx=vmin+vmax*Math.random();
}
if(pngchip.xx>=pageX+pageW-pngchip.w)
{pngchip.xx=pageX+pageW-pngchip.w;
pngchip.vx=-vmin-vmax*Math.random();
}
if(pngchip.yy<=pageY)
{pngchip.yy=pageY;
pngchip.vy=vmin+vmax*Math.random();
}
if(pngchip.yy>=pageY+pageH-pngchip.h)
{pngchip.yy=pageY+pageH-pngchip.h;
pngchip.vy=-vmin-vmax*Math.random();
}
if(!mie)
{eval('document.'+pngchip.named+'.top ='+pngchip.yy);
eval('document.'+pngchip.named+'.left='+pngchip.xx);
}
else
{eval('document.all.'+pngchip.named+'.style.pixelLeft='+pngchip.xx);
eval('document.all.'+pngchip.named+'.style.pixelTop ='+pngchip.yy);
}
pngchip.timer1=setTimeout("pngmovechip('"+pngchip.named+"')",100);
}
}
function pngstop(x)
{
pngbrOK=true;
pngmystop=x;
pngmovechip("pngtome");
}
var pngtome;
var pngchip;
function pngtome()
{pngcheckbrOK();
pngtome=new pngchip("pngtome",80,80);
if(pngbrOK)
{ pngmovechip("pngtome");
}
}

ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;

document.write("<div align=center id='pngtome' style='position:absolute;'><a href='http://www.baidu.com' target=_blank><img src='images/2.jpg' border=0 id='myimg'></a>"+"</div>"
);
pngtome()

function exchangeImg() {
var imgobj = document.getElementById('myimg');
if (imgobj != null) {
if (imgobj.src == 'images/1.jpg'){
imgobj.src = 'images/2.jpg'
}
else {
imgobj.src = 'images/1.jpg'
}
}
var timer1 = setTimeout('exchangeImg()', 1000);
}

exchangeImg();
</script>

2、网页设计“向上”的符号代码怎么打出来的?就是好像这两点..的

http://hi.baidu.com/xingworld/blog/item/e67ff93619b5d9370b55a969.html

3、求网页制作代码:文字左右浮动的代码;文字上下浮动代码;插入声音代码;视频代码;…详细点中文解释

foat:left左边浮动
right右边浮动

align="top"上面对齐middon下面对齐

<embed
src="视频或者音乐地址"></embed>音乐代码
视频也是一样

4、在网站设计中:文字垂直向上滚动怎么弄,求代码、CSS,求详解???

这段代码你看下是不是你要的效果。如果不是可以继续追问
<div style="width:200px; height:300px">
<marquee direction="up" truespeed="truespeed" height="300px" behavior="scroll">
<p></p>
<p></p>
<p></p></marquee></div>

5、HTML编程,求上下浮动代码。不是JS代码

<style type="text/css">
<!--
*html{overflow:hidden;}
*body{height:100%;overflow:auto; margin:0;}/*这段代码是为了让他兼容IE6*/
#fd1{ position:fixed; top:50%; right:0; z-index:1; _position:absolute;}
#fd2{ position:fixed; top:50%; left:0; z-index:1; _position:absolute;}
-->
</style>
<!--该段11<br />只是为了将网页撑开 让你看到浮动的效果 应用时可以将其删掉-->
11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />11<br />
<!--该段11<br />只是为了将网页撑开 让你看到浮动的效果 应用时可以将其删掉-->

<div id="fd1">这里是右边浮动的板块</div>
<div id="fd2">这里是左边浮动的板块</div>

<!--粘贴到DW中运行看看-->

6、网页浮动图标的代码是什么,最好是css的

如果是地址栏的图标,代码如下:
<link rel="shortcut icon" href="MyImg.ico" />
<link rel="Bookmark" href="favicon.ico" />
代码放置在<head></head>之间,图片放置在站点根目录。
如果是页面上的某个图标,这个也有多种方法。
一种是float的浮动,不脱离页面内容流。
一种是position,可以脱离页面内容流,独立设置位置。
如果是某些标题,列表前的小图标,则可以使用img添加,如:
<img src="..." /> <a href="...">链接</a>
也可以用css的background属性集合padding属性设置为背景。

7、怎样将网页的字有向上浮动的效果?怎么使用网页代码?

不知道你要的是不是向上滚动的效果。这是具体属性及代码。align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复; behavior="alternate"表示在两端之间来回滚动。Height:用于设定滚动字幕的高度。Width:则设定滚动字幕的宽度。Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。Scrollamount:用于设定活动字幕的滚动距离。scrolldelay:用于设定滚动两次之间的延迟时间。Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。<marquee标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

8、网页浮动广告代码,我想要这个浮动要会随着页面向上翻或向下翻而总在显示区域内显示.谢谢!!

<script language="JavaScript">
<!--
var brOK=false;
var mie=false;
var vmin=2;
var vmax=5;
var vr=3;
var timer1;
var flysoulad;

function movechip(chipname){
if(brOK){
eval("chip="+chipname);
if(!mie){pageX=window.pageXOffset;pageW=window.innerWidth;pageY=window.pageYOffset;pageH=window.innerHeight;} else{pageX=window.document.body.scrollLeft;pageW=window.document.body.offsetWidth-8;pageY=window.document.body.scrollTop;pageH=window.document.body.offsetHeight;}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){chip.xx=pageX;chip.vx=vmin+vmax*Math.random();}
if(chip.xx>=pageX+pageW-chip.w){chip.xx=pageX+pageW-chip.w;chip.vx=-vmin-vmax*Math.random();}
if(chip.xx>=680){chip.xx=chip.xx-20;chip.vx=-vmin-vmax*Math.random();}
if(chip.yy<=pageY){chip.yy=pageY;chip.vy=vmin+vmax*Math.random();}
if(chip.yy>=pageY+pageH-chip.h){chip.yy=pageY+pageH-chip.h;chip.vy=-vmin-vmax*Math.random();}
if(!mie){eval('document.'+chip.named+'.top ='+chip.yy);eval('document.'+chip.named+'.left='+chip.xx);}else{eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);}
chip.timer1=setTimeout("movechip('"+chip.named+"')",80);}}

function stopme(chipname){if(brOK){eval("chip="+chipname);if(chip.timer1!=null){clearTimeout(chip.timer1)}}}

function flysoulad(){
if(navigator.appName.indexOf("Internet Explorer")!=-1){if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true;}
if(navigator.appName.indexOf("Netscape")!=-1){if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();}
flysoulad.named="flysoulad";
flysoulad.vx=vmin+vmax*Math.random();
flysoulad.vy=vmin+vmax*Math.random();
flysoulad.w=1;
flysoulad.h=1;
flysoulad.xx=0;
flysoulad.yy=0;
flysoulad.timer1=null;
movechip("flysoulad");}

document.write('<div id="flysoulad" style="height:49px;left:178px;position:absolute;top:1237px;width:70px">');
document.write('<a href="Class_lddy.asp" target="_blank" onmouseover=stopme("flysoulad"); onmouseout=movechip("flysoulad");>');
document.write('<img src="这里就是你要浮动的广告啦.gif" width="128" height="84" border="0" alt="家"></a></div>');
flysoulad();
//-->
</script>

9、网页中浮动窗口代码?

浮动窗口:

<div id="FloatDiv" style="position:fixed; width:100px; height:100px; visibility:visible; right: 10px; bottom: 10px; border: 0px; background-color: blue"><iframe width=100% height=400 src="其它网页" frameborder=auto scrolling="yes"></iframe></div>

播放音乐:
<iframe width=100% height=400 src="http://www.hcdj.com/bjs0und.htm" frameborder=auto scrolling="yes"></iframe>

10、求一个网页浮动面板得代码

那个叫“ div做的弹窗效果”

主要是html+Css+js实现的。在网上找了一个修改了下。

对于你的补充:

使用iframe调用你要打开的那个网址,修改了下代码,如下

代码(复制到记事本另存为xxx.html):

<html>
<head>
<title>div弹窗效果</title>
<style>
<!--
.a{display: block;position:absolute; top:0; left:0;width:expression(document.body.clientWidth); height:expression(document.body.clientHeight); padding:0px; margin:0px; background:#666666;-moz-opacity:0.5;filter:alpha(opacity=50);}
.b{display: block;position:absolute;width:400px; height:300px; padding:0px; margin:0px; top:expression((document.body.clientHeight-400)/2); left:expression((document.body.clientWidth-400)/2); border:2px solid #666666;}
.n{display:none;}
-->
</style>
<script>
function show() {
document.getElementById("a").className = "a";
document.getElementById("m").className= "b";
document.getElementById("ifr").src="http://.baidu.com/userlogin.html?login";
}
function shut() {
document.getElementById("a").style.display = "none";
document.getElementById("m").style.display = "none";
document.getElementById("ifr").src="about:blank";
}
</script>
</head>
<body>
<div style=" background:#999933; height:100%">一些字一些些字一些字<br>
一些字一些字一些<br>
一些字一些字一些<br>
<input type="button" value="show" onClick="show()"/>
</div>
<div id="a" class="n"></div>

<div id="m" class="n">
<div style=" clear:both;height:25px; background:#3366CC; font-weight:bold; color:#FFFFFF;"><span style=" float:right; cursor:pointer; border:1px solid #6699FF;font-size:12px; color:#FFFFFF" onClick="shut()">关闭窗口</span>div弹窗</div>
<div>
<iframe id="ifr" src="about:blank" width="100%" height="100%" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></iframe>
</div>
</div>
</body>
</html>

要是回答的内容有问题,或认为不妥,请发送百度消息给我,消息内容加上本页网址哦。。

·

与网页设计向上浮动代码相关的知识