A. 如何在html中怎么让图片浮动
1、首先打开软件,并创建一个新的html文件。
B. 如何给网页加浮窗图片
iframe调用
,首先做一个页面
设定后你想浮动的图片和图片的链接。一般那个页面都是做一张图片的
例如<a
href="想链接的网站"><ing
src="图片地址"/></a>在网站页面通过iframe调用那个页面的代码如下
,下面的熟悉自己慢慢修改
尝试一下。<iframe
scrolling="no"
ismove="auto"
fixuptype="float"
fixupwidth="5"
frameborder="0"
width="258"
height="168"
src="那个页面的地址"></iframe> JS如下:
插入网站中。。 <script
type="text/javascript"
>
var
fixupLayers=new
function(){
var
i=0,k,f,af=document.getElementsByTagName("iframe");
for(k
in
af){f=af[k]; if(f.nodeName
&&
f.getAttribute("fixuptype")){ if(f.getAttribute("fixuptype")=="float"
&&
f.getAttribute("ismove")
&&
f.getAttribute("ismove")=="auto"){
f.onmouseout=function(){f.ismove="true"};
f.onmouseover=function(){f.ismove="false"};
f.ismove="true";}
f.style.position="absolute";f.style.zIndex=999;this[i]=af[k];i++;}
}this.length=i;}
function
fixup(){
var
ph=document.documentElement.offsetHeight;
var
pw=document.documentElement.offsetWidth;
var
st=document.body.scrollTop;
var
fw,f,ft,lw,lh,mr=5;
for(var
i=0;i<fixupLayers.length;i++){
f=fixupLayers[i];
fw=parseInt(f.getAttribute("fixupwidth"));
lw=f.offsetWidth;lh=f.offsetHeight;ft=f.getAttribute("fixuptype");
if(ft=="top")
f.style.pixelTop=st+fw;
else
if(ft=="bottom")
f.style.pixelTop=st+ph-fw-lh-mr;
else
if(ft=="dl")
f.style.pixelTop=st+fw+150;
else
if(ft=="float"
&&
f.getAttribute("ismove")
&&
f.getAttribute("ismove")=="true"){ms=5;
if(f.getAttribute("movespeed"))
ms=parseInt(f.getAttribute("movespeed"));
if(!f.lastX){f.lastX=fw;f.moveX=ms;}
if(!f.lastY){f.lastY=fw;f.moveY=ms;}
f.lastX+=parseInt(f.moveX)-ms*Math.random();
f.lastY+=parseInt(f.moveY)-ms*Math.random();
if(parseInt(f.lastX)>pw-mr-lw-fw){f.lastX=pw-mr-lw-fw;f.moveX=0;}
else
if(parseInt(f.lastX)<mr+fw){f.lastX=mr+fw;f.moveX=ms;}
if(parseInt(f.lastY)>ph-mr-lh-fw){f.lastY=ph-mr-lh-fw;f.moveY=0;}
else
if(parseInt(f.lastY)<mr+fw){f.lastY=mr+fw;f.moveY=ms;}
f.style.pixelTop=parseInt(f.lastY)+st;
f.style.pixelLeft=parseInt(f.lastX);}}}
if(_lf){clearInterval(_lf); var
_lf=window.setInterval("fixup()",100);}else
var
_lf=window.setInterval("fixup()",100);</script>
C. 网站如何添加漂浮图片
下面的是漂浮代码,可以直接修改使用:
<html>
<head>
<title>漂浮广告</title>
<body>
<divid="codefans_net"style="position:absolute">
<!--点击漂浮图片,链接到的地址,自己修改后面的链接--><ahref="#"target="_blank">
<!--图片地址,自己修改后面路径--><imgsrc="/images/logo.gif"border="0">
</a>
</div>
<script>
varx=50,y=60
varxin=true,yin=true
varstep=1
vardelay=10
varobj=document.getElementById("codefans_net")
functionfloat(){
varL=T=0
varR=document.body.clientWidth-obj.offsetWidth
varB=document.body.clientHeight-obj.offsetHeight
obj.style.left=x+document.body.scrollLeft
obj.style.top=y+document.body.scrollTop
x=x+step*(xin?1:-1)
if(x<L){xin=true;x=L}
if(x>R){xin=false;x=R}
y=y+step*(yin?1:-1)
if(y<T){yin=true;y=T}
if(y>B){yin=false;y=B}
}
varitl=setInterval("float()",delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("float()",delay)}
</script>
</body>
</html>
D. 在网页制作中如何编辑代码让某个图片变成悬浮的
首先将图片装在一个盒子里,即,假设图片名为:回顶端.jpg,则代码为: <head> <style type="text/css"> #tupian { float:bottom; (让图片浮动在页面的下方) } </style> </head> <div id="tupian">回顶端<div>
E. 怎么在网页中制作浮动的小图标
1.新建一个HTLM的网页.
2.转到"布局"面板,选中"绘制层"按扭,在网页上面画一个图层
3.然后,在图层里放入你想要的内容,比如一张图片等.
4.再次,在窗口栏中,将"时间轴"掉出来.也可Alt+F9.
5.这步最关键,将你绘制的图层用鼠标拖到时间轴上(注意是"拖动"哦),然后将时间上面的选项"自动播放"和"循环"勾起.
6.最后一步.在时间轴第一桢上,点击鼠标左键,选中"录制层路径",然后在网页上拖动你画的图层.这时你会看见拖动图层后面有些小点,那么恭喜你,你这时是在绘制浮动广告的路径,绘完后,保存.预览.完成了.(若想直线运动,可在针上点左键,选"添加关键针",再到网页上移动图层即可,如你懂FLASH,那就简单了)
F. 如何让一个图片在网页的页面上漂浮
首先将图片装在一个盒子里,即,假设图片名为:回顶端.jpg,则代码为: #tupian { float:bottom; (让图片浮动在页面的下方) } 回顶端
G. 网页设计这悬浮图怎么做
页面设计的话只需要把背景透明度降低即可。网页前端的话通过css样式,将背景设置为图片,然后设置opacity:0.4,降低背景透明度,即可实现悬浮效果。0.4是透明度的意思,可以根据情况自行调整数值。
H. 网页设计怎样使图片在网页中任意的飘来飘去,例如广告图片之类的
可以用jQuery写
1.漂浮的窗口肯定是position:absolute脱离文档流的
2.在浏览器可视范围内飘动
3.飘动过程可分解为垂直(上、下)和水平(左、右)方向,同一时间内会同时向垂直和水平两个方向同时移动,可能的情况会有上左、上右、下左、下右
基本的思路是创建一个函数,函数的作用是使元素移动,然后定时执行这个函数,以让元素持续移动,形成漂浮效果。基本上这些持续的元素移动都是基于 setInterval(func,delay) 函数,例如:setInterval(move,30),第一个参数是要定时执行的函数,第二个参数是时间间隔,单位是毫秒
详情参考网页:
网页链接
这个更简单,希望你能看得懂
网页链接
I. 如何在HTML代码中插入一个漂浮图片
这是JS代码实现的,需要编写JS脚本,然后在head区域引入JS文件,然后在body区加入相应JS的引用。
当然最快捷方便的方法就是网络去找个类似的源码就可以搞定了。漂浮源码很多的~ 一般是先HEAD引入JS文件,然后BODY或者其他地方加入JS调用代码 就可以实现了。
一般下载源码的地方会提示你怎么用。耐心找找
J. 怎样制作网页上的漂浮图片
dreamwear mx 2004里,就是层(layer)+引导线(guideline)+时间轴(timeline)完成,层上放要飘的图片或网页,引导线是漂浮的轨迹,时间轴是移动的快慢的控制,可以参阅timeline帮助。
其实很简单,如果你学过flash的话就很容易理解漂浮动画!另外值得一提的,dreamwear mx可以直接有相应的插件程序可用,你可以在官方网站找找看,利用插件制作就非常方便简单!
另外要说的是:目前所有的漂浮窗口都是广告,所以都被广告插件屏蔽了,你不要太浪费很多心思在这上面,作了也是作为垃圾处理掉哦!!