導航:首頁 > 萬維百科 > 網頁設計怎樣讓圖片飄動

網頁設計怎樣讓圖片飄動

發布時間:2021-03-22 07:23:27

1、怎樣使網頁首頁的圖片隨意飄動

"<body background="photo/24.jpg" style="background-attachment: fixed" OnLoad="www_helpor_net()" OnResize="www_helpor_net()">

2、如何讓圖片在網頁上飄動?急!

s是小廣告吧 用DIV繪制一個適當大小的層然後設置時間軸來確定層的移動方向 完了以後在文檔窗口左下角標簽選擇器中選中<body>標簽按SHIFT+F4打開行為面板 單擊添加行為按鈕 在彈出的菜單中選擇 時間軸/播放時間軸的命令在打開的播放時間軸對話框中選擇目標時間軸對象。 老大全手打啊 多給點分啊 如果還不是很明白 給我發消息吧

3、網頁設計中製作漂浮圖片,怎樣能使滑鼠經過的時候停止?

document.writeln("<div id=\"ad\" style=\"position:absolute\"><embed src=\"http://www.okzhuhai.com\/adbanner\/mhsc070501.swf\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" type=\"application\/x-shockwave-flash\" width=\"200\" height=\"118\"><\/embed><\/div>");
document.writeln(" <script>");
document.writeln(" var x = 600,y = 80");
document.writeln(" var xin = true, yin = true");
document.writeln(" var step = 2 ");
document.writeln(" var delay = 20");
document.writeln(" var obj=document.getElementById(\"ad\") ");
document.writeln(" function floatAD() {");
document.writeln(" var L=T=0");
document.writeln(" var R= document.body.clientWidth-obj.offsetWidth");
document.writeln(" var B = document.body.clientHeight-obj.offsetHeight");
document.writeln(" obj.style.left = x + document.body.scrollLeft");
document.writeln(" obj.style.top = y + document.body.scrollTop");
document.writeln(" x = x + step*(xin?1:-1) ");
document.writeln(" if (x < L) { xin = true; x = L} ");
document.writeln(" if (x > R){ xin = false; x = R} ");
document.writeln(" y = y + step*(yin?1:-1) ");
document.writeln(" if (y < T) { yin = true; y = T } ");
document.writeln(" if (y > B) { yin = false; y = B } ");
document.writeln(" }");
document.writeln(" var itl= setInterval(\"floatAD()\", delay) ");
document.writeln(" obj.onmouseover=function(){clearInterval(itl)} ");
document.writeln(" obj.onmouseout=function(){itl=setInterval(\"floatAD()\", delay)}");
document.writeln(" <\/script>")
t.writeln(" <\/script>")

將以上代碼保存為 move2.js 在需要漂浮的頁面調用即可。調用方法:
<SCRIPT language=javascript src="/images/move2.js"></SCRIPT>將此插入到網頁head區域即可。

4、如何用dreamwear在網頁上添加可飄動的圖片?

Copy他們網站的JS代碼嘍~

5、求網頁圖片飄動的效果代碼

<div id="img" style="position:absolute; left:35px; top:556px; width:120; background-color:#FFFFFF;" class="fudong">
這裡面加你自己的東西
</div>
<SCRIPT LANGUAGE="JavaScript">
var xPos = 15;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script>

6、網頁設計怎樣使圖片在網頁中任意的飄來飄去,例如廣告圖片之類的

那個要用到一個JS代碼。上面的連接地址和圖片可以自行更改! <div id="codefans_net" style="position:absolute"> <!--鏈接地址--><a href=" http://www.soso.com/" target="_blank"> <!--圖片地址--><img src="/images.gif" width="160" height="95" border="0"> </a></div> <script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") function float() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = 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 } } var itl= setInterval("float()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("float()", delay)} </script>

7、怎樣寫在頁面飄動的圖片(我想要個詳細代碼)謝謝了,大神幫忙啊

移動圖片的代碼 <marquee><img src="/Article/UploadFiles/200510/20051018112706401.jpg";><img src="/Article/UploadFiles/200510/20051018112712361.jpg";><img src="/Article/UploadFiles/200510/20051018112712874.jpg";><marquee> 把裡面的圖片地址換成你的就行 想多放一個圖片就按照格式在中間插入: <img src="/Article/UploadFiles/200510/20051018112712361.jpg";> 裡面的圖片地址自己定。 打開網站的時候自己做一個彈出窗口的廣告 <script language="javascript"> var TimerID=1; window.open('http://163.com','','width=600,height=300,left=100,top=50'); </script> 裡面的 http://163.com 這個是你預先做好的一個網頁,後面的數字是調節大小和位置的,你自己多試驗幾次

與網頁設計怎樣讓圖片飄動相關的知識