手机版 | 登陆 | 注册 | 投稿 | 反馈留言 | 设首页 | 加收藏
网站首页 > 素材 > 特效 > 特效技巧 >JS+CSS仿流行的LED跑马屏效果

JS+CSS仿流行的LED跑马屏效果

时间:2018-01-20    点击: 次    发布者:佚名 - 小 + 大

JS+CSS仿流行的LED跑马屏效果
看到满大街都是这样的跑马屏,用Marquee属性仿做了一个,希望还有更好的方法。这个属性好像只能在IE下使用,没仔细研究,希望高手能用JS实现。



代码如下:


<title>
JS+CSS仿流行的LED跑马屏效果
</title>
<style type="text/css">
#pmp {
font-family: "黑体";
font-size: 33px;
color: #FF0000;
text-decoration: none;
height: 50px;
width: 940px;
margin:0px auto;
border: 5px ridge #CCCCCC;
background-color: #333333;
padding-top: 8px;
padding-right: 5px;
padding-left: 5px;
background-image: url("http://www.rjc.wang/images/20130228/LEDbj.gif");
}
marquee {
margin:0px;
filter:alpha(opacity=45);
  /*filter: Glow(Color=#ffb6b6, Strength=5px);*/
}
</style>
<div id="pmp">
<marquee scrollamount="3" scrolldelay="30" direction="left" onmouseover="this.stop()" onmouseout="this.start()">看到满大街都是这样的跑马屏,用Marquee属性仿做了一个,希望还有更好的方法。这个属性好像只能在IE下使用,没仔细研究,希望高手能用JS实现。</marquee>
<br />
</div>

上一篇:CSS滑动门_菜单导航特效

下一篇:横向6级展开菜单_菜单导航特效



Copyright © 2019 天人系列管理系统 版权所有,授权www.rjc.wang使用  Powered by 55TR.COM 运行代码测试页
锐教程网站www.rjc.wang由天天科技荣誉出品