當前位置:首頁 » 營業展廳 » 移動頁面圖片

移動頁面圖片

發布時間: 2021-03-08 01:18:05

『壹』 網頁設計的圖片怎麼移動

加上這一段代碼:<marquee direction= ><img src=""></marquee> 圖片就可以移動了。

『貳』 關於HTML網頁圖片橫向移動

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>

『叄』 網頁中有移動圖片當頁面為小頁面時移動圖片會錯位

用固定尺寸
例如200px

『肆』 做html時,怎樣可以使圖片隨著頁面向下移而移動

可以通過css的position屬性定位解決

<html>
<head>
<styletype="text/css">
img{position:fixed;top:0;right:0}
</style>
</head>
<body>
<imgsrc='a.jpg'/>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br
><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b
r><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><
br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br
><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

提示:以上代碼中加入多個br,是為了演示效果版更明顯

定義和用法

position 屬性規權定元素的定位類型。

說明

這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位,不過絕對或固定元素會生成一個塊級框,而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的默認位置偏移。

『伍』 網頁移動圖片

如果 是用網頁瀏覽的話,用JavaScript 可以實現,當然flash也可以

『陸』 如何在網頁中移動圖片

不能的.一般要下載或復制到「我的電腦」

『柒』 網頁中的移動圖片

去下個騰訊TT...在自定義屏蔽模式中選則隱藏浮動網頁元素..

『捌』 如何在網頁里添加移動的圖片

使用<marquee> ... </marquee>
移動屬性的設置 ,這種移動不僅僅局限於文字,也可以應用於圖片,表格等等

方向
<direction=#> #=left, right ,up ,down <marquee direction=left>從右向左移!</marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈繞著走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>來回走</marquee>

循環
<loop=#> #=次數;若未指定則循環不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快喲!</marquee>

延時
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

外觀(Layout)設置

對齊方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦,我會移動耶!</marquee>
</font>

底色
<bgcolor=#> #=rrggbb 16 進制數碼,或者是下列預定義色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>顏色!</marquee>

面積
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面積!</marquee>

空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面積!</marquee>

『玖』 求網頁圖片移動的特效代碼.

你說的是網頁左右兩邊的對聯廣告那樣的吧
滾動往下看網頁的時候他也往下走
是吧!

你找個JAV代碼網站
裡面就好多樣式的對聯廣告代碼
還有別的樣式的廣告代碼

『拾』 網頁製作時,怎麼做到網頁圖片可以在整個頁面來回移動

你說的這個是通過<marquee>移動技術來實現的,

熱點內容
網卡了的原因 發布:2021-03-16 21:18:20 瀏覽:602
聯通客服工作怎麼樣 發布:2021-03-16 21:17:49 瀏覽:218
路由器畫圖 發布:2021-03-16 21:17:21 瀏覽:403
大網卡收費 發布:2021-03-16 21:16:50 瀏覽:113
路由器免費送 發布:2021-03-16 21:16:19 瀏覽:985
孝昌營業廳 發布:2021-03-16 21:15:54 瀏覽:861
網速增速代碼 發布:2021-03-16 21:15:29 瀏覽:194
怎麼黑光纖 發布:2021-03-16 21:14:54 瀏覽:901
埠增大 發布:2021-03-16 21:14:20 瀏覽:709
開機沒信號是什麼原因 發布:2021-03-16 21:13:45 瀏覽:645