css3实现文字跑马灯（css3跑马灯demo）.docxVIP

PAGE PAGE 1 css3实现文字跑马灯（css3跑马灯demo） 　　overflow：-webkit-marquee;　　/* 只有设置为marquee才有滚动效果 */  　　width： 170px;　　/* 不是必需的 */  　　-webkit-marquee-direc（TI）on:left;　　/* 文字滚动方向 可选值为left | right | up | down */  　　-webkit-marquee-speed:normal;　　/* 文字滚动速度 可选值为slow | normal | fast */  　　-webkit-marquee-style:scroll;　　/* 文字滚动方式 可选值为scroll | slide | alternate */  　　-webkit-marquee-repeTITIon:1; 　　/* 文字滚动次数 number | infinite ， infinite即无限次循环滚动 */  　　}  　　-webkit-marquee-style 各值效果如下：  　　1. -webkit-marquee-style:scroll;  　　 　　2. -webkit-marquee-style:slide;  　 　　3. -webkit-marquee-style:alternate;  HTML： 这是一个滚动字幕。