網頁圖片移動
HTML頁面圖片橫向滾播效果：
<html><head><style>body{margin:0px;}ul{list-style:none;border:0;padding:0px;margin:0px;}li{list-style:none;float:left;border:0;padding:0px;margin:0px;}img{border:0px;padding:0px;margin:0px;}</style></head><body><center><divid="div1"style="overflow:hidden;cursor:hand;margin-top:50px;"onmouseover="stop()"onmouseout="ss()"><ulid="img"style="clear:both;"><!--放圖片的容器，此容器在div1里滾動--><!--以下是要滾動的內容--><li><imgid="img0"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img1"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img2"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img3"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li></ul></div></center><scriptlanguage="javascript">varw,h,id,speed,Htmlw=400;//-------滾動容器的寬度--------//h=100;//-------滾動容器的高度--------//id="div1";//-------滾動容器的id--------//direction="left";//-------滾動方向有四個值left，right，up，down，自己試試--------//speed="100";//-------滾動速度100相當於1秒，越小越快--------//imgDiv="img";//-------放圖片的容器id--------//HtmlL=document.getElementById(imgDiv).innerHTML;HtmlT=document.getElementById(id).innerHTML;switch(direction){case"left":document.getElementById(imgDiv).innerHTML=HtmlL+HtmlL;break;case"right":document.getElementById(imgDiv).innerHTML=HtmlL+HtmlL;break;case"up":document.getElementById(id).innerHTML=HtmlT+HtmlT;break;case"down":document.getElementById(id).innerHTML=HtmlT+HtmlT;break;}functionss(){document.getElementById(id).style.width=w;document.getElementById(id).style.height=h;document.getElementById(imgDiv).style.width=w*2;document.getElementById(imgDiv).style.height=h;vareleele=document.getElementById("div1");switch(direction){case"left":ele.scrollLeft=ele.scrollLeft+5;if(ele.scrollLeft>=w){ele.scrollLeft=0;}break;case"right":ele.scrollLeft=ele.scrollLeft-5;if(ele.scrollLeft<=0){ele.scrollLeft=w;}break;case"up":ele.scrollTop=ele.scrollTop+5;if(ele.scrollTop>=h){ele.scrollTop=0;}break;case"down":ele.scrollTop=ele.scrollTop-5;if(ele.scrollTop<=0){ele.scrollTop=h;}break;}t=setTimeout("ss()",speed);}functionstop(){document.getElementById("div1").scrollLeft=document.getElementById("div1").scrollLeft;document.getElementById("div1").scrollTop=document.getElementById("div1").scrollTop;clearTimeout(t);}setTimeout("ss()",100);</script></body></html><ahref="rul">網站名稱</a>
B. 製作網頁時如何讓圖片從固定位置開始移動
固定位置移動???
你可以去模仿51.lala
免費的左移動或右移動的吧,他們有靠右或靠左移動的QQ在線代碼
網頁的圖片都是由表格定位的，你想移動圖片，就必須先定義好框架
C. 網頁製作時，怎麼做到網頁圖片可以在整個頁面來回移動
你說的這個是通過<marquee>移動技術來實現的，
D. HTML 裡面的圖片怎麼移動位置
需要准備的材料分別有：電腦、chrome瀏覽器、html編輯器。
1、首先，打開html編輯器，新建一個html文件，例如：index.html，填充問題基礎代碼。
E. 怎麼樣用html語言讓圖片的位置向左或者是向右移動一點
根據圖片的位置需要向左或者是向右移動多少來調整代碼中left和top的值即可內，說明：
Left靠左距容離多少
Top靠頂部距離多少
通過下面方法：
<imgsrc="ad-02.jpg"width="400px";height="200px";style="position:absolute;left:100px;top:100px;">
F. 網頁圖片移動的處理辦法
編寫css時經常出現這種問題，結合photoshop
firework一起做能好點，頁面還比較漂亮
G. 網頁中如何實現滑鼠拖動圖片
把下邊代碼存為html。把圖片換成你的路徑即可。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <title>JS拖拽DIV</title> <style type="text/css"> div { position: absolute; width: 150px; height: 150px; background-color: #C8FFFF; } </style> <script type="text/javascript"> function drag(obj) { if (typeof obj == "string") { var obj = document.getElementById(obj); obj.orig_index = obj.style.zIndex; //設置當前對象永遠顯示在最上層 } obj.onmousedown = function (a) {//滑鼠按下 this.style.cursor = "move"; //設置滑鼠樣式 this.style.zIndex = 1000; var d = document; if (!a) a = window.event; //按下時創建一個事件 var x = a.clientX - document.body.scrollLeft - obj.offsetLeft; //x=滑鼠相對於網頁的x坐標-網頁被捲去的寬-待移動對象的左外邊距 var y = a.clientY - document.body.scrollTop - obj.offsetTop; //y=滑鼠相對於網頁的y左邊-網頁被捲去的高-待移動對象的左上邊距 d.onmousemove = function (a) {//滑鼠移動 if (!a) a = window.event; //移動時創建一個事件 obj.style.left = a.clientX + document.body.scrollLeft - x; obj.style.top = a.clientY + document.body.scrollTop - y; } d.onmouseup = function () {//滑鼠放開 document.onmousemove = null; document.onmouseup = null; obj.style.cursor = "normal"; //設置放開的樣式 obj.style.zIndex = obj.orig_index; } } } </script> </head> <body> <div id="div2" style="left: 170px; background-color: #408080"> <img src="../../Content/images/1271829839604702.jpg" /> </div> <script type="text/javascript"> drag("div2"); </script> </body> </html>
H. 網頁設計的圖片怎麼移動
加上這一段代碼：<marquee direction= ><img src=""></marquee> 圖片就可以移動了。