⑴ 如何在HTML中,不用滾動條控制頁面的滾動效果
一、頁面中某塊文字滾動
這種方法是巧妙地利用HTML語言提供的標題元素<marquee>...</marquee>來實現活動字幕效果。
該標記語法格式如下:
<marquee
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>
可以看出由於活動字幕的顯示方式多種多樣,可選的參數也很多。下面解釋一下各參數的含義:
align:是設定活動字幕的位置,居左、居中、居右、靠上和靠下三種位置。
Bgcolor:用於設定活動字幕的背景顏色,一般是十六進制數。
Direction:用於設定活動字幕的滾動方向是向左、向右、向上、向下。
Behavior:用於設定滾動的方式,主要由三種方式:"scroll"、"slide"和"alternate"。
Height:用於設定滾動字幕的高度。
Width:則設定滾動字幕的寬度。
Hspace和vspace:分別用於設定滾動字幕的左右邊框和上下邊框的寬度。
Scrollamount:用於設定活動字幕的滾動距離。
scrolldelay:用於設定滾動兩次之間的延遲時間。
Loop:用於設定滾動的次數,當loop=-1表示一直滾動下去,直到頁面更新。
實現的源代碼如下:
<html>
<body>
<div align="center">
<TABLE border=0 cellPadding=0 cellSpacing=0 height=157 width=320>
<TBODY>
<TR>
<TD height=156 vAlign=top width=320>
<marquee direction=up height=156 onmouseout=this.scrollAmount=1 onmouseover=this.scrollAmount=0
scrollAmount=1 scrolldelay=20 scrollleft="0" scrolltop="0">
滾動字幕字幕內容第一行<br>
滾動字幕字幕內容第二行<br>
滾動字幕字幕內容第三行<br>
...<br>
</marquee>
</td>
</tr>
</table>
</div>
</body>
</html>
當滑鼠移到marquee區域,觸發onmouseover事件,滾屏暫停。
當滑鼠移出marquee區域,觸發onmouseout事件,滾屏繼續。
二、整個網頁自動滾動
使用一段JavaScript代碼,調用scroll函數,即可實現此功能。
實現方法:
把下面代碼入你html文件的<head>和</head>中即可:
<script>
<!--
locate = 0;
function autoscroll()
{if (locate !=400 )
{locate++;scroll(0,locate);
clearTimeout(timer);
var timer = setTimeout("autoscroll()",3);timer;}
}
-->
</script>
把你html文件的<body>部分改為如下設置:
<body onload="autoscroll()" >
說明:可通過改動locate的數值來控制顯示頁面的長度(原代碼中為locate!=400)。將「setTimeout("autoscroll()",3);」中的「3」改為其它的數字可控制速度。
⑵ 文字在圖片上滾動的代碼是什麼
在圖片上添加上下滾動文字的源代碼:
<DIV><TABLE style="WIDTH: 500px; HEIGHT: 375px" width=500 border=0><TBODY><TR><TD
background=圖片地址 height=375><P><MARQUEE style="WIDTH: 500px; HEIGHT: 375px" scrollAmount=1
scrollDelay=50 direction=up width=500 height=375>圖片上的文字</MARQUEE></P></TD></TR></TBODY>
代碼說明:
1,width=寬度 height=高度 的數值為圖片顯示的大小比例,必須根據圖片實際大小調整;如圖片尺寸為1024:768的,其代碼中的寬度和高度,也必須變更為1024:768;圖片尺寸為500:375的,其代碼中的寬度和高度,就必須變更為500:375,否則顯示出來的畫面不完整;而且代碼里四組寬,高數值變更要統一;
2,scrollAmount=1 為字速,數值越大字的運行速度越快;
3,border=0> 為邊框數值,0為無邊框;填上數字就變為有邊框,而且數字的大小,就是邊框的寬窄度;
4,direction=up 為字的行走方向 up=上 down=下 ; 如要調整為左右方向的話 left=左 right=右
那字體就會從圖片頂端成單行通過;
5,滾動文字行與行之間不要有空行;
具體操作方法如下:
第一步:先要找到做文章背景圖片的圖片網路地址,否則文章做了一半才去找圖片地址就麻煩了;
第二步:進入發表文章窗口;
第三步:勾選「顯示源代碼」(至關重要!);
第四步:在編輯欄內原有代碼後面添加上列代碼(代碼里應先加好圖片地址和你需要加入的文字);
第五步:取消「顯示源代碼」的選擇,就會在編輯欄里看到圖片和文字效果了;
第六步:最後,點擊發表文章就OK了;
最後還有一條,如果不想讓文字滾動的話,那就只須按以上方法操作到第四步時,把准備好的文章(包括已處理好字的大小,字體,顏色),直接復制到圖片上,點擊發表文章即可;當然,代碼里「圖片上的文字」這幾個字應預先去掉。
⑶ 網頁可以滾動 下載源代碼不可以滾動
題主是否想詢問「網頁可以滾動,下載源代碼不可以滾動怎麼辦」?網頁可以滾動,下載源代碼不可以滾動的解決方法是:
1、打開ie瀏覽器(每個電腦都自帶ie)。
2、右上角選擇工具(齒輪狀圖案)。
3、進行兼容性視圖設置。
4、把下載源代碼添加進去,下面都勾選上。
5、關閉重啟ie即可。
⑷ 用dreamweaver怎麼編寫文字滾動的源代碼
用<marquee loop(循環)輸值
direction(方向)
behavive(次數)=「alternate"來回移動
= 」scroll"繞圈移動
=「slide"只移動一次
scrollamount(速度快)
scrolldelay(速度慢)
顯示面積
⑸ 如何滾動公告欄,什麼源代碼如何滾動公告
1、先給一個例子,抄下面襲再做詳細講解
<marquee scrollAmount=2 width=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(幻燈片效果,指的是滾動一次,然後停止滾動)
3、根據需要設置對應的參數,就可以實現滾動啦,把想要滾動的div標簽包含在marquee標簽裡面。