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>