html怎么做出滚动新闻

html-css09

html怎么做出滚动新闻,第1张

<P style="MARGIN: 0cm 0cm 0pt"><STRONG><SPAN style="FONT-SIZE: 9ptFONT-FAMILY: 宋体" XML:>-</SPAN><SPAN style="FONT-SIZE: 9ptFONT-FAMILY: 宋体">本周亮点<SPAN XML:>-</SPAN></SPAN></STRONG></P>

<P style="MARGIN: 0cm 0cm 0pt"><SPAN style="FONT-SIZE: 9ptFONT-FAMILY: 宋体"><marquee behavior="scroll" direction="up" width="300" height="65" loop="-1" scrollamount="1.5" scrolldelay="0.5" stytle="font:50px">

<a href='#'>本周图书国庆特大书讯</a>

<br/>

<a href='#'>我们虚位以待 你准备好了吗</a>

<br/>

<a href='#'>本周解码亮相国际书展会</a>

</marquee></SPAN></P>

<P style="MARGIN: 0cm 0cm 0pt"><SPAN style="FONT-SIZE: 9ptFONT-FAMILY: 宋体" XML:></SPAN></P>

你说的是不是走马灯的效果？直接在html的页面写的是用<marque>标签来写的，例如你说的新闻由上至下的滚动，其写法是：<div><marquee

direction=top

onmouseover="this.stop()"

onmouseout="this.start()"

behavior=scroll>至上而下</marquee>></div>

1、首先打开myeclipse获取idea这样的编辑器，在编辑器中写一个table标签，这里给出table的值。

2、然后可以在页面中看到此时展示的是没有样式的table样板，此时所有的数据没有经过渲染，比较紧凑，也不是一个页面展示。

3、可以在table中引入样式标签style来设计table的样式。

4、还可以使用内部元素，使用jquery ,在jquery中首先给table一个class属性，在JavaScript中通过.class属性获取这个table，给出样式设计。

5、根据上面的设计再经过背景、宽度、高度的设计，可以设计出一个比较好看的table。