導航:首頁 > 文字圖片 > 滾圖片文字

滾圖片文字

發布時間:2022-02-16 03:01:43

如何文字滾動和如何在圖片上做滾動字幕

可以把圖片的大框做的相對層,把圖片上的滾動文字做成絕對層,再加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>

閱讀全文

與滾圖片文字相關的資料

熱點內容
列印復印圖片如何調白 瀏覽:411
男生火了的圖片 瀏覽:124
風景畫圖片大全簡單漂亮 瀏覽:668
書桌寫字台圖片大全 瀏覽:594
繪本故事書圖片簡單又漂亮 瀏覽:555
動漫簡單男生圖片大全 瀏覽:801
煙花燙男生發型鍋蓋頭圖片 瀏覽:958
圖片大全超清簡約女生 瀏覽:278
圖片天空色怎麼調 瀏覽:258
電視牆圖片簡單大方得體 瀏覽:991
黑長發燙頭發型圖片 瀏覽:329
貂蟬的衣服圖片 瀏覽:285
簡單素描美術圖片 瀏覽:471
word文檔怎麼插入一張圖片 瀏覽:10
手繪簡單插畫圖片大全 瀏覽:604
冷漠的圖片和文字 瀏覽:681
美女死神骷髏圖片 瀏覽:357
六便士圖片男生 瀏覽:220
多功能嬰兒床圖片大全 瀏覽:537
安全的手抄報圖片大全 瀏覽:742