您好,欢迎来到佳博论文网!

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

计算机专业的很多同学临近毕业了,才着急怎么做一个毕业设计来进行答辩。很短的时间是不可能完成的,天使预计用三个月的时间和计算机专业的同学分享一下怎么完成毕业之前的一项重要任务“毕业设计”。请小伙伴们跟上天使的步伐,在天使的带领下,一起完成你们的毕业设计吧。后期,天使还会讲解如何毕业论文等,希望小伙伴们持续关注哦。

工具/原料

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

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

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

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

        <MARQUEE onmouseover="this.stop()";        style="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>

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

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