❶ 求一段能在淘寶用的 滾動圖片的代碼 左右滾動,最好能無縫的。JS代碼淘寶不支持。
你可以學學marquee語句,適應文字和圖片,設置滾動方式、滾動時間和滾動次數等等,以下為詳細教程,都是圍繞marquee語句進行的。
----------------------------------------------------------
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> </pre>
-------------------------------------------------------------
以上是html代碼,不是javascript代碼!可以照著
參考代碼:
<html>
<body>
<div style="width:100px;height:50px;overflow:hidden;border:1px solid #f00;padding:0;">
<marquee align="left" DIRECTION="left" SCROLLDELAY="100" HSPACE="0" VSPACE="0">
<table width="200" height="50" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50" height="50"><img width="50" height="50" alt="no1"></td>
<td width="50" height="50"><img width="50" height="50" alt="no2"></td>
<td width="50" height="50"><img width="50" height="50" alt="no3"></td>
<td width="50" height="50"><img width="50" height="50" alt="no4"></td>
</tr>
</table>
</marquee>
</div>
</body>
</html>
❷ 求類似於淘寶產品詳情頁面大圖下面多個小圖然後點擊左右箭頭可以換圖片的那種效果的CSS或JS代碼
http://down.admin5.com/texiao/flash/這里有很多的。我這倆天正好做的個那·~但是JS有沖突,希內望到時候你也幫容我
❸ 淘寶公告從下到上文字滾動代碼,跪求高手!
有的新手看到了一些店鋪裡面有滾動的圖片或者文字,就問這淘寶滾動圖片(文字)怎麼做呢?
滾動內容可以為文字,也可以是圖片,也可以是代鏈接的文字或者圖片。圖片滾動代碼無非在滾動代碼的基礎上在添加圖片代碼而已。淘寶學堂網在這里跟大家分享淘寶滾動圖片代碼:
<table height="161" cellspacing="0" cellpadding="0" width="773" border="0">
<tbody>
<tr>
<td width="773">
<p><marquee style="relative: " scrollamount="1" behavior="alternate" width="740" height="123"><img height="123" width="123" border="0" alt="" src="圖片地址1" />
<img height="123" width="123" border="0" alt="" src="圖片地址2" />
<img height="123" width="123" border="0" alt="" src="圖片地址3" />
<img height="123" width="123" border="0" alt="" src="圖片地址4" />
<img height="123" width="123" border="0" alt="" src="圖片地址5" />
<img height="123" width="123" border="0" alt="" src="圖片地址6" />
<img height="123" width="123" border="0" alt="" src="圖片地址7" />
<img height="123" width="123" border="0" alt="" src="圖片地址8" />
<img height="123" width="123" border="0" alt="" src="圖片地址9" />
</marquee></p>
</td>
</tr>
</tbody>
</table>
///////////////////////
滾動的話用marquee就可以了
<MARQUEE ALIGN="…"
behavior="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
>…</MARQUEE>
align: 對齊方式 LEFT,CENTER,RIGHT,TOP,BOTTOM (不用多說了)
behavior: 用於設定滾動的方式,主要由三種方式:
behavior="scroll": 表示由一端滾動到另一端;
behavior="slide": 表示由一端快速滑動到另一端,且不再重復;
behavior="alternate" : 默認值——表示在兩端之間來回滾動。
direction: left(默認值) 左; right 右;up 上;down 下;
bgcolor: 背景顏色
height: 高度
weight: 寬度
Hspace/vspace: 分別用於設定滾動字幕的左右邊框和上下邊框的寬度。作用大概和css中的margin差不多
scrollamount: 用於設定每個連續滾動文本後面的間隔,該間隔用像素表示,值不能太大,要不從視覺角度來說,是沒反應的.值越大速度越快,反之越慢。
scrolldelay: 延遲時間
loop: 循環次數;loop=-1的時候一直重復循環(默認值)
如果涉及到滑鼠的話就不好辦了,需要有JS腳本的支持