!DOCTYPE html

我們提供的服務(wù)有:成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、陸良ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的陸良網(wǎng)站制作公司
html
head
meta charset="UTF-8"
titleTitle/title
/head
body style="text-align:center"
div
label style="width: 50%"公告名:nbspspan德瑪西亞沒有腿/span/label/br/br
label style="width: 49.8%;float:left;text-align:? right;"公告內(nèi)容:/label
div style="float:left;"textarea你信不信/textareadiv
/div
/body
/html
css是完成樣式,不負(fù)責(zé)數(shù)據(jù)的調(diào)用,完成可修改的公告內(nèi)容,需要后端語言操作,后臺(tái)寫一個(gè)公告發(fā)布的form表單----》數(shù)據(jù)傳輸?shù)椒?wù)器---》寫入數(shù)據(jù)庫----》后端調(diào)用數(shù)據(jù)庫---》再把處理的數(shù)據(jù)給到前端調(diào)用。
function init(){ var data = '滾動(dòng)字幕。', //樣例數(shù)據(jù)
data_len = data.length,
len = parseInt(Math.random()*6)+6, // 數(shù)據(jù)的長度
html = 'div class="ss"';
for(var i=0; ilen; i++){ var start = parseInt( Math.random()*(data_len-20) ),
s = parseInt( Math.random()*data_len );
html += 'div class="item"v'+i+'- '+data.substr(start, s)+'/div';
}
html += '/div'; document.querySelector('.list .cc').innerHTML = html+html; // 復(fù)制一份數(shù)據(jù)
var height = document.querySelector('.list .ss').offsetHeight; // 一份數(shù)據(jù)的高度
addKeyFrames( '-'+height+'px' ); // 設(shè)置keyframes
document.querySelector('.list .cc').className += ' rowup'; // 添加 rowup}
init();
1、先給一個(gè)例子,下面再做詳細(xì)講解
marquee scrollAmount=2 width=300我鐘意網(wǎng)頁樹樹/marquee
--這個(gè)例子是從左向左滾動(dòng)
2、各參數(shù)詳解:
a) scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認(rèn)為6,建議設(shè)為1~3比較好。
b) width和height,表示滾動(dòng)區(qū)域的大小,width是寬度,height是高度。特別是在做垂直滾動(dòng)的時(shí)候,一定要設(shè)height的值。
c) direction。表示滾動(dòng)的方向,默認(rèn)為從右向左:←←←。可選的值有right、down、up。滾動(dòng)方向分別為:right表示→→→,up表示↑,down表示↓。
d) scrollDelay,這也是用來控制速度的,默認(rèn)為90,值越大,速度越慢。通常scrollDelay是不需要設(shè)置的。
e) behavior。用它來控制屬性,默認(rèn)為循環(huán)滾動(dòng),可選的值有alternate(交替滾動(dòng))、slide(幻燈片效果,指的是滾動(dòng)一次,然后停止?jié)L動(dòng))
3、根據(jù)需要設(shè)置對(duì)應(yīng)的參數(shù),就可以實(shí)現(xiàn)滾動(dòng)啦,把想要滾動(dòng)的div標(biāo)簽包含在marquee標(biāo)簽里面。
網(wǎng)站題目:css公告樣式,css樣式標(biāo)簽大全
標(biāo)題鏈接:http://chinadenli.net/article16/dsghcdg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、軟件開發(fā)、云服務(wù)器、搜索引擎優(yōu)化、微信公眾號(hào)、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)