導航:首頁 > 萬維百科 > 網頁設計先向左後向右滾動

網頁設計先向左後向右滾動

發布時間:2020-08-26 22:56:56

1、網頁中,經常看到圖片並排向左或向右滾動,滑鼠點擊可進入看大圖,我想知道這種效果如何製作

那是一個JS特效,這個你可以網路下網頁特效,然後就可以找到相應的代碼了,這里不讓給地址,所以樓主只能是網路下了,代碼多所以也不好解釋清楚。

2、怎樣在網頁設計中把所需的文字從左到右滾動

14

<marquee>

width="300px"

height="200px"

behavior="scroll"

direction="left"

scrollamount="50"

loop="10"

限制滾動文字的范圍

限制滾動文字的范圍

限制滾動文字的行為(alternate:來回、scroll:循環滾動、slide:只滾動一次)

滾動的方向(left、right、down、up)

設置文字滾動的速度

設置滾動的次數
看看 有用嗎?

3、做網頁時如何加入代碼使圖片從右向左滾動呢?

往左是:
<marquee><img src="你的圖片地址"></marquee>

往右是:
<marquee direction=right><img src="你的圖片地址"></marquee>

往上是:
<marquee direction=up><img src="你的圖片地址"></marquee>

往下是:
<marquee direction=down><img src="你的圖片地址"></marquee>

如果需要在當滑鼠移動到圖片上時停止滾動,就在<marquee>里加onmouseover=stop() onmouseout=start(),

例如<marquee direction=down onmouseover=stop() onmouseout=start()><img src="你的圖片地址"></marquee>

4、用javascript怎麼實現打開網頁時圖片就從左向右滾動?

搜索以下js特效

5、網頁製作如何讓圖片從左到右循環移動

網頁製作(HTML)讓圖片從左到右循環移動使用 css +js完成。
例如:從左向右循環移動
<html>
<head><title>圖片向右循環滾動</title><head>
<body>
<div id=demo style="overflow:hidden;height:68px;width:800px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top nowrap="nowrap">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
</td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed = 30;
demo2.innerHTML = demo1.innerHTML;
function Marquee() {
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else {
demo.scrollLeft--;
}
};
var MyMar = setInterval(Marquee, speed);
demo.onmouseover = function() {
clearInterval(MyMar)
};
demo.onmouseout = function() {
MyMar = setInterval(Marquee, speed)
};
</SCRIPT>
</body>
</html>

6、網頁設計字體滾動代碼?

文字滾動是由<marquee></marquee>控制的。marquee的參數如下:

1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我從右向左移!</marquee>
<marquee direction=right>啦啦啦,我從左向右移!</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈繞著走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我來回走耶!</marquee>

3、循環 <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>

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

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

6、對齊方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我會移動耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 進制數碼,或者是下列預定義色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:<marquee bgcolor=aaaaee>啦啦啦,我會移動耶!</marquee>

8、面積 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我會移動耶!</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一個最簡單的例子:

代碼如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面這兩個事件經常用到:

onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動

onMouseOver="this.stop()":用來設置滑鼠移入該區域時停止滾動

代碼如下:

<marquee >onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動 :用來設置滑鼠移入該區域時停止滾動</marquee>

這是一個完整的例子:

代碼如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

這是一個完整的例子

</marquee>

該標簽支持的屬性多達11個:

align

設定<marquee>標簽內容的對齊方式

absbottom:絕對底部對齊(與g、p等字母的最下端對齊)

absmiddle:絕對中央對齊

baseline:底線對齊

bottom:底部對齊(默認)

left:左對齊

middle:中間對齊

right:右對齊

texttop:頂線對齊

top:頂部對齊

7、css中圖片向左滾動的代碼怎麼寫?網頁中由右向左滾動的代碼怎麼寫?

marquee direction=left >滾動測試
滿意請採納

8、JS 圖片向左滾動問題 網頁設計

<div class="n" style="width:500px; height:150px; overflow:hidden;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="s1">
<table border="0" cellspacing="0" cellpadding="0">
<tr>

<td><a href="/Item/Show.asp?m=2&d=71"><img src="/UploadFiles/2010-08/hxjlb/2010081001252234114.JPG" width="152" height="103" /></a><div>快樂星期六比賽中</div></td>

<td><a href="/Item/Show.asp?m=2&d=70"><img src="/UploadFiles/2010-08/hxjlb/2010081001223922772.jpg" width="152" height="103" /></a><div>美女與揚子</div></td>

<td><a href="/Item/Show.asp?m=2&d=64"><img src="/UploadFiles/2010-08/hxjlb/2010080610351069415.jpg" width="152" height="103" /></a><div>3號和6號</div></td>

<td><a href="/Item/Show.asp?m=2&d=63"><img src="/UploadFiles/2010-08/hxjlb/2010080510485422797.jpg" width="152" height="103" /></a><div>比賽中</div></td>

<td><a href="/Item/Show.asp?m=2&d=62"><img src="/UploadFiles/2010-08/hxjlb/2010080510485465003.jpg" width="152" height="103" /></a><div>濟北比賽中</div></td>

</tr>
</table>
</td>
<td class="s2"></td>
</tr>
</table>
</div>
<script>
$(function(){
function roll(obj,s1,s2){
var play;
s2.html(s1.html());
function gd(){
if(obj.scrollLeft()<=s1.width()){
obj.scrollLeft(obj.scrollLeft()+1);
}else{
obj.scrollLeft(0);
}
}
play=setInterval(gd,20);
obj.hover(function(){clearInterval(play)},function(){play=setInterval(gd,20)});
}
roll($(".n"),$(".s1"),$(".s2"));
});
</script>

用我這個吧 很簡單,兼容所有瀏覽器,需要在頭部調用jquery插件,插件下載地址 http://jquery.com/,點左上的download下載 在你的頁面頭部調用下載的js文件即可

9、請問。在html頁面中,一段文字,從右向左滾動需要怎麼實現?

<td><div align="center" class="style24"><marquee direction="left">我要提問</marquee></div></td>

10、網頁設計:如何創建一個滾動菜單

首先打開dreamweaver8寫基本語法
<marquee>滾動文字 </marquee>
2.文字移動屬性的設置
(1)滾動方向屬性direction
可以設定文字滾動的方向,分別為向左(left)、向右(right)、向上(up)、向下(down),使滾動的文字具有更多的變化。
基本語法:
<marquee direction="value">滾動文字</marquee>
(2)滾動方式屬性behavior
通過這個屬性能夠設定不同方式的滾動文字效果。如滾動的循環往復、交替滾動、單次滾動等。
基本語法:
<marquee behavior="value">滾動文字</marquee>
(3)滾動循環屬性loop
通過這個屬性能夠讓文字滾動循環進行。
基本語法:
<marquee loop="次數">滾動文字</marquee>
(4)滾動速度屬性scrollamout
通過這個屬性能夠調整文字滾動的速度。
基本語法:
<marquee scrollamount="value">滾動文字</marquee>
(5)滾動延遲屬性scrolldelay
通過這個屬性,可以在每一次滾動的間隔產生一段時間的延遲。
基本語法:
<marquee scrolldelay="value">滾動文字</marquee>
3.外觀(Layout)設置
(1)滾動文字對齊方式align
基本語法:
<marquee align="對齊方ottom,對齊上沿、中間、下沿。
(2)滾動背景顏色屬性bgcolor

在滾動文字的後面,可以添加背式">滾動文字</marquee>
對方方式=top、middle、b景顏色。
基本語法:
<marquee bgcolor="color_value">滾動文字</marquee>

與網頁設計先向左後向右滾動相關的知識