① 網頁製作圖片滾動
<marqueedirection=upheight=75onMouseOut=this.start()onMouseOver=this.stop()scrollamount=1scrolldelay=100width="180"id=MARQUEE1>滾動內容</marquee>
Direction參數可設置:updownleftright(控制滾動方向)
Scrolldelay=100(100就是速度,值越大滾動越快……)
onMouseOut=this.start()........滑鼠移出狀態滾動
onMouseOver=this.stop().........滑鼠經過時停止滾動
基本語法
<marquee>...</marquee>
移動屬性的設置,這種移動不僅僅局限於文字,也可以應用於圖片,表格等等
方向
<direction=#>#=left,right,up,down<marqueedirection=left>從右向左移!</marquee>
方式
<bihavior=#>#=scroll,slide,alternate<marqueebehavior=scroll>一圈一圈繞著走!</marquee>
<marqueebehavior=slide>只走一次就歇了!</marquee>
<marqueebehavior=alternate>來回走</marquee>
循環
<loop=#>#=次數;若未指定則循環不止(infinite)<marqueeloop=3width=50%behavior=scroll>只走3趟</marquee><P>
<marqueeloop=3width=50%behavior=slide>只走3趟</marquee>
<marqueeloop=3width=50%behavior=alternate>只走3趟!</marquee>
速度
<scrollamount=#><marqueescrollamount=20>啦啦啦,我走得好快喲!</marquee>
延時
<scrolldelay=#><marqueescrolldelay=500scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外觀(Layout)設置
對齊方式(Align)
<align=#>#=top,middle,bottom<fontsize=6>
<marqueealign=#width=400>啦啦啦,我會移動耶!</marquee>
</font>
底色
<bgcolor=#>#=rrggbb16進制數碼,或者是下列預定義色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,
Fuchsia,White,Green,Purple,Silver,Yellow,Aqua<marqueebgcolor=aaaaee>顏色!</marquee>
面積
<height=#width=#><marqueeheight=40width=50%bgcolor=aaeeaa>面積!</marquee>
空白
(Margins)<hspace=#vspace=#>
<marqueehspace=20vspace=20width=150bgcolor=ffaaaaalign=middle>面積!</marquee>
② 這種網頁滾動圖片怎麼做,求解
做的話,很復雜~~我可以提供你下載這種廣告輪播的網址,要想學可以以後慢慢研究~
www.zcool.com.cn
③ 如何讓網頁中的圖片滾動起來
做成jpg圖片的格式就好了啊
④ 如何在HTML頁面中實現圖片循環滾動
marquee標記是不能實現銜接滾動的,頭尾肯定是有空白。樓下的哥們兒用的是JS腳本實現的,沒啥更好的方法了
⑤ 網頁製作中的滾動圖片是如何做出來的
圖片滾動代碼 (從右向左滾動)
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img src="圖片 " alt="" />
<img src="圖片" alt="" />
</marquee>
圖片滾動代碼 (從下往上滾動)
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img src="圖片 " alt="" />
<img src="圖片" alt="" />
</marquee>
參數 用法介紹
behavior=scroll, slide, alternate 方式:循環繞行;只跑一次就停住;來回往復運動
scrollamount=20 速度:數越大越快
⑥ 如何實現網頁圖片滾動播放
1、網頁圖片滾動一般都是網路上查找jq/js插件,引入到自己的html代碼里頭,或者是里頭本身寫好的例子,修改好數據源圖片,運行調試即可
2、如果是不考慮圖片首尾無縫滾動的話,你還可以使用marquee.
這個是html自帶滾動標簽,也可以實現滑鼠移入停止,移開開始滾動等等,如下:
<marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();"> <img src="xxx.jpg" /> <img src="xxx.jpg" /> <img src="xxx.jpg" /> <img src="xxx.jpg" />
</marquee>
具體其他更多屬性用法,可以查找下這個標簽的用法,
提供個參考資料:http://www.jb51.net/article/724.htm
⑦ 如何在網頁製作中設計一個滾動的圖片
搜索焦點圖,一大堆的資料。
⑧ 製作網頁中的滾動圖片,怎樣循環播放。
1.打開Dreamweaver創建新頁面,如圖:
注意事項:代碼中select top " & top_img & " * from "& db_News_Table &" where picnews=1 and checkked=1 and picname<>'null' order by NewsID DESC"根據網站的資料庫路徑來定義數據表,包括ID編號的降序和順序。
⑨ 網頁上怎麼製作滾動的圖片
網站循環滾動圖片需要js代碼製作
第一步,可以去相關的js特效網站下載一個你所需要的代碼
第二步,用DW修改路徑改為你自己網站的路徑
第三步,把你所做的圖片上傳到空間
第四步,添加代碼路徑及調用js文件網站保存