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可以直接有相應的插件程序可用,你可以在官方網站找找看,利用插件製作就非常方便簡單!
另外要說的是:目前所有的漂浮窗口都是廣告,所以都被廣告插件屏蔽了,你不要太浪費很多心思在這上面,作了也是作為垃圾處理掉哦!!