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