自己店里也想搞個字幕效果,增加些動感。隨便寫個教程吧。寫的不好還請諒解和指出!
1、最基本的滾動字幕代碼:
代碼:<MARQUEE>歡迎光臨,在是你看到的效果!</MARQUEE>
效果:歡迎光臨,在是你看到的效果!
點評:沒有任何參數(shù)和屬性,我成為裸滾動代碼(西西)。沒有設(shè)置寬,所以從最旁邊可以滾動。速度也是折中,算是挺快的吧。
2、速度參數(shù)scrollAmount=aa要是等于0的話就永遠等不到字母出來了。數(shù)值越低速度就越慢。你也可以試下a=999快的一閃一閃的。
代碼:<MARQUEEscrollAmount=6>歡迎光臨,在是你看到的效果!</MARQUEE>
效果:歡迎光臨,在是你看到的效果!
點評:具體速度就看你喜歡了。
3、設(shè)置滾動字幕的寬度width=bb=0的話也是看不到效果的。單位為像素,值越小越窄。(注意參數(shù)之間有空格)height=c高度參數(shù)
代碼:<MARQUEEscrollAmount=9width=500>歡迎光臨,在是你看到的效果!</MARQUEE>
效果:歡迎光臨,在是你看到的效果!
點評:寬度要適合頁面布局。
4、滾動方向direction=right/down/up/leftrigh想右,down向下,up向上,left向左(默認)direction=up>歡迎光臨,在是你看到的效果!</MARQUEE>behavior=alternatebehavior=alternate>歡迎光臨,在是你看到的效果!</MARQUEE>
代碼:<MARQUEEscrollAmount=9width=500height=100
效果:歡迎光臨,在是你看到的效果!
點評:左右滾動一般適合長條區(qū)域,上下適合塊區(qū)域。
5、給字幕里的文字加上連接<ahref=http://></a>
代碼:<MARQUEEscrollAmount=9width=500><ahref=http:// target="_blank">歡迎光臨,</a>在是你看到的效果!</MARQUEE>
效果:歡迎光臨,在是你看到的效果!
點評:這個也可以在可視化編輯下操作,選擇要加鏈接的文字然后點鏈接按鈕
6、滾動圖片<imgsrc="/image/logo.jpg"alt="鼠標移動此顯示的文字">
代碼:<MARQUEEscrollAmount=9width=500><imgsrc="/image/logo.jpg"alt="鼠標移動此顯示的文字">歡迎光臨,在是你看到的效果!</MARQUEE>
效果:歡迎光臨,在是你看到的效果!
點評:我想你會更喜歡滾動圖片吧。
7、作當鼠標停留在文字上,文字停止?jié)L動
代碼:<MARQUEEscrollAmount=9width=500onmouseover=stop()onmouseout=start()>歡迎光臨,在是你看到的效果!</MARQUEE>
效果:歡迎光臨,在是你看到的效果!
點評:停止?jié)L動方便瀏覽,也是個常用的參數(shù)
8、交替效果
代碼:<MARQUEEscrollAmount=9width=500
效果:歡迎光臨,在是你看到的效果!
點評:這種效果基本上沒用
字體顏色可以在可視化編輯下修改。寫的不是很全面,還請多多原諒。還有什么問題還請聯(lián)系。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 網(wǎng)店的滾動代碼如何制作