應(yīng)用css實現(xiàn)走馬燈置頂顯示
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),西工企業(yè)網(wǎng)站建設(shè),西工品牌網(wǎng)站建設(shè),網(wǎng)站定制,西工網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,西工網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
超出顯示
用到命令 text-overflow : clip | ellipsis 文本超出:截斷|省略
但這一條命令是看不到效果的,需要另外兩條命令配合使用,讓文本能夠溢出,第一個是強(qiáng)制一行內(nèi)顯示,white-space:nowrap;第二個是溢出內(nèi)容隱藏,overflow:hidden
超出跑馬等效果
老的前端開發(fā)人員對于marquee標(biāo)簽肯定不陌生,一個被淘汰的標(biāo)簽,被剛?cè)腴T的新手所喜愛,因為能通過一個簡單的標(biāo)簽做出動態(tài)的效果。但是在實際應(yīng)用上的局限性和效果的過時,使這個標(biāo)簽退出歷史舞臺,大家紛紛改用js來實現(xiàn)無間斷滾動等效果。
新的CSS3 marquee設(shè)置,可以說功能強(qiáng)大了很多,更加易操作,用簡單的代碼解決了js中比較糾結(jié)的字符長度判斷等難題。強(qiáng)烈推薦大家使用。
對于這個屬性的定義,W3C標(biāo)準(zhǔn)用法和webkit內(nèi)核瀏覽器的支持用法并不相同,由于我們立足實戰(zhàn)實用,所以這里只介紹好用的??捎玫?。
我們需要四句常用命令
overflow:-webkit-marquee;//指定溢出時滾動。
-webkit-marquee-style:scroll | slide | alternate; //跑馬燈樣式,分三種。
scroll,從一端滾動到另一端,內(nèi)容完全滾入(消失)時重新開始。slide,從一端滾到另一端,內(nèi)容接觸到另一端后,立馬重新開始。alternate,內(nèi)容不跑到顯示區(qū)域外,在里面來回碰壁反彈。這里主要用第一種。
-webkit-marquee-repetition:infinite | number;// 跑馬燈跑的次數(shù),infinite 為無限多次,不結(jié)束。或者可以用正整數(shù)設(shè)置滾動的次數(shù)。
-webkit-marquee-direction:up | down | left | right; //跑動的方向,這個要注意結(jié)合實際情況,即實際你操作的標(biāo)簽文本流溢出在哪個方向溢出。
-webkit-marquee-speed:slow | normal | fast;//跑動的速度設(shè)置。
在網(wǎng)頁開發(fā)當(dāng)中跑馬燈是常用到的,用來顯示通知等,在游戲開發(fā)當(dāng)中也如此。
下面的代碼片斷可實現(xiàn)iOS中的跑馬燈效果,
[cpp] view
plaincopyprint?
[labelShow sizeToFit];
CGRect frame = labelShow.frame;
frame.origin.x = 320;
labelShow.frame = frame;
[UIView beginAnimations:@"testAnimation" context:NULL];
[UIView setAnimationDuration:8.8f];
[UIView setAnimationCurve:UIViewAnimationCurveLinear];
[UIView setAnimationDelegate:self];
[UIView setAnimationRepeatAutoreverses:NO];
[UIView setAnimationRepeatCount:999999];
frame = labelShow.frame;
frame.origin.x = -frame.size.width;
labelShow.frame = frame;
[UIView commitAnimations];
[labelShow sizeToFit];
CGRect frame = labelShow.frame;
frame.origin.x = 320;
labelShow.frame = frame;
[UIView beginAnimations:@"testAnimation" context:NULL];
[UIView setAnimationDuration:8.8f];
[UIView setAnimationCurve:UIViewAnimationCurveLinear];
[UIView setAnimationDelegate:self];
[UIView setAnimationRepeatAutoreverses:NO];
[UIView setAnimationRepeatCount:999999];
frame = labelShow.frame;
frame.origin.x = -frame.size.width;
labelShow.frame = frame;
[UIView commitAnimations];
labelShow是UILabel,關(guān)聯(lián)到xib就行了。
轉(zhuǎn)載
這種東西百度一大把,何必自己寫,理解原理即可。建議你去github上搜索安卓跑馬燈,都是開源項目,一行代碼搞定跑馬燈。
全彩RGB燈條 燈串都可以實現(xiàn)你需要的跑馬燈條,至于IC型號這個沒有特別的要求的 常規(guī)的 2811 2812 2801 16703 1903 都是可以的 當(dāng)然用512的也可以
|P1口接8個發(fā)光二極管共陽
#include AT89X51.H
unsigned char i;
unsigned char temp;
unsigned char a,b;
void delay(void)
{
unsigned char m,n,s;
for(m=20;m0;m--)
for(n=20;n0;n--)
for(s=248;s0;s--);
}
void main(void)
{
while(1)
{
temp=0xfe;
P1=temp;
delay();
for(i=1;i8;i++)
{
a=tempi;
b=temp(8-i);
P1=a|b;
delay();
}
for(i=1;i8;i++)
{
a=tempi;
b=temp(8-i);
P1=a|b;
delay();
}
}
}
擴(kuò)展資料:
Proteus 自從有了單片機(jī)也就有了開發(fā)系統(tǒng),隨著單片機(jī)的發(fā)展開發(fā)系統(tǒng)也在不斷發(fā)展。 keil是一種先進(jìn)的單片機(jī)集成開發(fā)系統(tǒng)。它代表著匯編語言單片機(jī)開發(fā)系統(tǒng)的最新發(fā)展,首創(chuàng)多項便利技術(shù),將開發(fā)的編程/仿真/調(diào)試/寫入/加密等所有過程一氣呵成,中間不須任何編譯或匯編。
參考資料來源:百度百科-51單片機(jī)
沒什么實質(zhì)的區(qū)別只是各人說法不一樣,像流水燈程序也有人叫跑馬燈,說個簡單的例子,比方說一個亮點不斷的左循環(huán)就叫流水燈。從中間亮兩個點,從左右兩邊流動就叫花樣。