计算机专业毕业设计:[19]上下滚动新闻

2025-05-10 18:21:58

1、在页面上增加一个上下滚动的新闻效果,比静态的新闻更加吸引人。我们打开网站index页面

计算机专业毕业设计:[19]上下滚动新闻

2、在拆分之后的视图上,点击界面位置,定位代码位置

计算机专业毕业设计:[19]上下滚动新闻

3、【MARQUEE】标签是网页上控制文字移动的标签,用<MARQUEE></MARQUEE>括住需要滚动的内容

计算机专业毕业设计:[19]上下滚动新闻

4、设置相关属性,鼠标放上的时候停止移动,离开的时候开始滚动

计算机专业毕业设计:[19]上下滚动新闻

5、 <MARQUEE onmouseover="th坡纠课柩is.stop()"; style=&鳎溻趄酃quot;LINE-HEIGHT: 150%; width: 226px; height: 149px;" onmouseout="this.start()"; scrollamount="1" scrolldelay="40" direction="up" border="0"> <div class="left_nr"> <ul> <li><a href="http://www.mycodes.net">滚动滚动滚动滚动</a></li> <li><a href="http://www.mycodes.net">穿透内网文件传输</a></li> <li><a href="http://www.mycodes.net">网络版本的个人资料库</a></li> <li><a href="http://www.mycodes.net">强大的手机短信双向功能</a></li> </ul> </div> </MARQUEE>

6、点击【运行】查看这个页面的效果

计算机专业毕业设计:[19]上下滚动新闻

7、标签中的内容部分由下往上开始滚动,鼠标放上去停止移动,这样就完成了滚动信息的制作

计算机专业毕业设计:[19]上下滚动新闻
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢