可以把圖片的大框做的相對層,把圖片上的滾動文字做成絕對層,再加JS滾動就可以。
㈡ 如何在圖片上寫上滾動的文字
汗個,,你是搞淘寶的嗎?我正好也在找這個
<table width=120 border=0 align="center" cellpadding="0" cellspacing="0">
<tbody><tr><td><div align="left"> <MARQUEE onmouseover=this.stop() style=""
onmouseout=this.start() scrollamount=1 scrolldelay=1 direction=right width=700 height=30>
這里可寫文字<a href="這里寫鏈接地址" target="_blank"><img src="圖片地址" width="120" height="30" border="0"></a>這里也可以寫文字
</marquee>
</div>
<tr></tbody></table>
實例講解:方向left right up down 都可以更改,此例也可以將圖片更改為文字!如果刪除 <MARQUEE onmouseover=this.stop() style=""
onmouseout=this.start() 則滑鼠放在上面則字幕不會停止,而繼續滾動!scrollamount=1 scrolldelay=1 是滾動速度!其實鏈接地址也可以在設計視圖里更改!
這個是我找到的,你可以試試看
㈢ 怎樣在圖片上做滾動的文字
你好!具體的操作方法是:先打開快捷文章發表框,在顯示源代碼前點一下,再把這個代碼粘貼上去: <TABLE borderColor=#十六進制數 height=數字 width=數字 border=數字><TBODY><TR><TD vAlign=top background=背景圖片鏈接></TD></TR></TBODY></TABLE>代碼說明:代碼的第一行圖片框的屬性,borderColor、height、width和border幾個屬性值可以進行修改,他們分別代表邊框顏色,邊框的高度,邊框的寬度和邊框的粗細值,其中邊框顏色屬性必須為十六進制數,或者為red、yellow、blue等。 然後進入圖片網站,復制你選中的圖片地址,粘貼在背景圖片鏈接前就行了,根據我個人的經驗,中國圖片網的圖片才有效。 重新在顯示源代碼前點擊一下,圖片成功出現,就可以自由自在地在上面編輯文字。文字編輯完後,在顯示源代碼前點擊一下,然後在文字代碼前加上下面這個代碼: <MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77 onmouseout="this.start()" onmouseover="this.stop()">代碼說明:1、width和height,表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。 2、direction。表示滾動的方向,默認為從右向左:←←←。可選的值有right、down、up。
㈣ 怎麼做滾字圖片
做滾字的圖片需要使用到PS,具體操作方法如下:
1、首先打開PS,點擊文件新建一塊畫布,如下圖所示:
㈤ 如何在網頁中讓滾動的圖片顯示文字
顯示圖片的代碼裡面 有一個alt屬性 這個就是顯示你說的該張圖片的文字說明的部分 給你一段參考代碼
<img src="images/1.jpg" alt="圖片說明文字"/>
alt裡面的說明就是目錄images下面圖片1的說明文字
㈥ 網店中如何滾動圖片和文字
<marqueedirection=upscrollamount=1scrolldelay=100
height=60>愛笑的眼睛</marquee>
<marqueedirection="left"onmouseover="this.stop();"onmouseout="this.start();">
<tablewidth="200"height="224"border="1">
<tr>
<td><imgsrc="圖片地址"width="260"height="170"/></td>
<td><imgsrc="圖片地址"width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
</tr>
</table>
</marquee>
簡單實例:
<marqueedirection=upscrollamount=1scrolldelay=100
height=60>愛笑的眼睛</marquee>
marquee參數:
BGColor:滾動文本框的背景顏色。
Direction:滾動方向設置,可選擇Left、Right、up和down。
scrolldelay:每輪滾動之間的延遲時間,越大越慢。
scrollamount:一次滾動總的時間量,數字越小滾動越慢。
Behaviour:滾動的方式設置,三種取值:Scroll(循環滾動)lide(單次滾動)、Alternate(來回滾動)。
Align:文字的對齊方式設置。可選擇Middle(居中)、Bottom(居下)還是Top(居上)。
Width:滾動文本框的寬度,輸入一個數值後從後面的單選框選擇inPixels(按像素)或是inPercent(按百分比)。
Height:滾動文本框的高度,輸入一個數值後從後面的單選框選擇inPixels(按像素)或是inPercent(按百分比)。
loop:滾動次數。默認為infinite
hspace、vspace:前後、上下的空行。
1.建立第一個滾動字幕。代碼:
<marqueescrollAmount=2width=300>愛笑的眼睛</marquee>
2.各參數詳解:
a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認為6,建議設為1~3比較好。
b)width和height,表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。
c)direction。表示滾動的方向,默認為從右向左:←←←。可選的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,這也是用來控制速度的,默認為90,值越大,速度越慢。通常scrollDelay是不需要設置的。
e)behavior。用它來控制屬性,默認為循環滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然後停止滾動)
圖片也是一樣的道理
例如:
<marqueedirection="left"onmouseover="this.stop();"onmouseout="this.start();">
<tablewidth="200"height="224"border="1">
<tr>
<td><imgsrc="圖片地址"width="260"height="170"/></td>
<td><imgsrc="圖片地址"width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
<td><imgsrc=""width="260"height="170"/></td>
</tr>
</table>
</marquee>
㈦ 如何製作滾動文字和圖片
如何在文章中的圖片上添加滾動文字代碼如下:<DIV<TABLE style=WIDTH: 380px; HEIGHT: 256px width=380 border=0<TBODY<TR<TD background=圖片地址 height=250<P<MARQUEE style=WIDTH: 365px; HEIGHT: 238px scrollAmount=1 scrollDelay=50 direction=up width=365 height=238圖片上的文字</MARQUEE</P</TD</TR</TBODY代碼說明:1、復制代碼,發表BLOG文章,點擊「顯示源代碼」,粘貼代碼,然後把你的圖片地址粘貼覆蓋在代碼中圖片地址上,點擊「顯示源代碼」,點擊圖片上的滾動框,先調整滾動框的大小,然後再單擊圖片邊緣,拉動圖片調整圖片的大小,最後把你的文字粘貼在滾動框中即可。
2、滾動文字行與行之間不要有空行。
3、圖片大小和滾動文字大小,在「顯示源代碼」的情況下,滑鼠單擊圖片或者圖片上滾動框就可以拉動調整,沒有必要在代碼中調整。
㈧ 如何給圖片加上滾動字幕
摘要 "正文連續文字 操作方式: 登錄博客->發表文章->選中[顯示源代碼]->粘貼代碼->去掉[顯示源代碼]前的鉤(單擊即可)->然後按照正常編輯方式設置字體等 說明:1)背景圖片用了480*680,可以根據實際需要調整; 2)MARQUEE中的direction是指滾動方向,UP向上,LEFT向左,RIGHT向右,domn向下; 3)滾動字幕的位置可以在去掉"顯示源代碼"前邊的鉤後,選中字(使之帶上文字框),然後移動文字框的位置,可以實現字幕的位置的改變,直至你滿意為止。如果你設置為"up"方式,那麼文字框的的下邊緣就是字幕滾動的起始位置,上邊緣則是字幕的隱沒位置。其它方向方式相同。 4)最關鍵的一點是正文的文字必須是連續的,如果要換行用來代替回車,千萬記住; 基本語法: 滾動文字 文字移動屬性的設置 方向 #=left, right,up,down從右向左移! 方式 #=scroll, slide, alternate一圈一圈繞著走!只走一次就歇了!來回走 循環 #=次數;若未指定則循環不止(infinite)啦啦啦,我只走 3 趟喲!啦啦啦,我只走 3 趟喲!啦啦啦,我只走 3 趟喲! 速度啦啦啦,我走得好快喲! 延時啦啦啦,我走一步,停一停! 外觀(Layout)設置:對齊方式(Align) #=top, middle, bottom啦啦啦,我會移動耶...正方標題
㈨ 幾種文字、圖片滾動代碼
</marquee> 效果如下:
滑鼠放上去停止滾動,移開繼續滾動。2.<marquee direction=up scrollamount=3 >
文字向上滾。</marquee> 效果如下:
文字向上滾。3.<marquee direction=down scrollamount=3 >
文字下向滾。</marquee> 效果如下:
文字向下滾。文字移動速度的設置:
請注意下面語句中的紅色屬性
4.<marquee direction="left" scrolldelay="60"> 文字部分</marquee>
IE默認值為60(單位:毫秒)
取值越大,移動越慢(小於60,IE仍默認為60)。效果如下:
㈩ 求助html 滾動圖片並附帶文字說明代碼,謝謝!
html中Marquee屬性詳解 用於文字,圖片等等....
Marquee標記用於在可用瀏覽區域中滾動文本。
格式:
[MARQUEEALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
]…
[/MARQUEE]
屬性:
ALIGN:用於按設定的值對齊滾動的文本。ALIGN可以設定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此屬性不是必須使用的。
例:
[MARQUEEALIGN="TOP"] 這段滾動文字設定為上對齊 [/MARQUEE]
BEHAVIOR:可以在頁面上一旦出現文本時讓瀏覽器按照設定的方法來處理文本。如果設定的方法是SLIDE,那麼文本就移動到文檔上,並停留在頁邊距上。如果設定為AlterNATE,則文本從一邊移動到另一邊。如果設定為SCROLL,文本將在頁面上反復滾動。本屬性不是必須使用的。可以設定的值有:SILIDE,AlterNATE,SCROLL。
例:
[MARQUEEBEHAVIOR="AlterNATE"] 文字從一邊移動到另一邊 [/MARQUEE]
BGCOLOR:用於設定字幕的背景顏色。背景顏色可用RGB、16進制值的格式或顏色名稱來設定。
例:
[MARQUEEBGCOLOR="RED"]用顏色名稱設定滾動文字背景顏色為紅色 [/MARQUEE]
[MARQUEEBGCOLOR="#FF0000" ]用16進制值設定滾動文字背景顏色為紅色 [/MARQUEE]
[MARQUEEBGCOLOR=RGB(100%'0%'0%)] 用RGB設定滾動文字背景顏色為紅色 [/MARQUEE]
DIRECTION:用於設定文本滾動的方向,可以設定的值有:LEFT,RIGHT。此屬性不是必須使用的。
例:
[MARQUEEDIRECTION="LEFT" ]文字向左邊滾動 [/MARQUEE]
[MARQUEEDIRECTION="RIGHT" ]文字向右邊滾動 [/MARQUEE]
HEIGHT:用於設定滾動字幕的高度,高度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。
例:
[MARQUEEHEIGHT="10%"] 滾動字幕的高度是可視頁面的10%[ /MARQUEE]
[MARQUEEHEIGHT="12" ]滾動字幕的高度是12像素 [/MARQUEE]
WIDTH:用於設定字幕的寬度,寬度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。
例:
[MARQUEEWIDTH="90%"] 滾動字幕的寬度是可視頁面的90% [/MARQUEE]
[MARQUEEWIDTH="200" ]滾動字幕的寬度是200像素 [/MARQUEE]
HSPACE:用於設定滾動字幕左右的空白空間,空白空間用像素表示。此屬性不是必須使用的。
例:
[MARQUEEHSPACE="15" ]滾動字幕左右空白空間為15個像素 [/MARQUEE]
VSPACE:用於設定滾動字幕上下的空白空間,空白空間用像素表示。此屬性不是必須使用的。
例:
[MARQUEEVSPACE="2"] 滾動字幕上下的空白空間為2個像素 [/MARQUEE]
LOOP:用於設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時,則文字會無限制地滾動。此屬性不是必須使用的。
例:
[MARQUEELOOP="-1" ]文字滾動無數次 [/MARQUEE]
[MARQUEELOOP="5" ]文字滾動5次 [/MARQUEE]
SCROLLAMOUNT:用於設定每個連續滾動文本後面的間隔,該間隔用像素表示。此屬性不是必須使用的。
例:
[MARQUEESCROLLAMOUNT="10"] 此文本後面的間隔為10個像素 [/MARQUEE]
SCROLLDELAY:用於設定兩次滾動操作之間的間隔時間,該時間以毫秒為單位。此屬性不是必須使用的。
例:
[MARQUEESCROLLDELAY="5"] 此文本兩次滾動之間的間隔時間為5毫秒 [/MARQUEE]
ONMOUSEOUT=this.start() :用來設置滑鼠移出該區域時繼續滾動
ONMOUSEOVER=this.stop():用來設置滑鼠移入該區域時停止滾動
Marquee 也可以做飄浮廣告效果:
<marquee behavior="alternate" height="300" direction="up" scrollamount="3" scrolldelay="30" width="300" bgcolor="#3399FF">
<marquee behavior="alternate" height="50" direction="left" scrollamount="3" scrolldelay="30" width="100%">
<font style="font-size: 35px">Ouyang</font>
</marquee>
<marquee> ... </marquee>
移動屬性的設置 ,這種移動不僅僅局限於文字,也可以應用於圖片,表格等等
滑鼠屬性
onMouseOut=this.start() ........滑鼠移出狀態滾動
onMouseOver=this.stop() .........滑鼠經過時停止滾動
方向
<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>
<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>