养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html表格中文字如何滚动、文字滚动效果

时间:2024-11-02 18:26:25

有个小伙伴问我怎么在html中让表格中的文字滚动,下声矜檠鹣面小编来告诉大家如何实现,小编已经把写好的代码打包了,下面是详细步骤。

html表格中文字如何滚动、文字滚动效果

工具/原料

dw

代码下载:http://pan.baidu.com/s/1jGvlASY

方法/步骤

1、打开dw,选择一个网页模板,新建一个html的页面,进入页面编辑。

html表格中文字如何滚动、文字滚动效果

2、我们要写一个表格,我们可以选择快捷的方式插入一个表格,选择菜单栏上面的“插入”选项,在下拉菜单中选择“表单”点击进入。

html表格中文字如何滚动、文字滚动效果

3、这时候弹出一个对话框,询问新建的表单的行跟列,可以选两行两列,标题可以自己写,选择确定。

html表格中文字如何滚动、文字滚动效果

4、插入表单后,可以看到表单代码自动生成了。

html表格中文字如何滚动、文字滚动效果

5、在表单中的表格上面填写文字,第一行的第一个表格写上功能文字,第二个表格写上滚动的文字,如下图所示。

html表格中文字如何滚动、文字滚动效果

6、填写完成后保存这个网页,把这个网页代码保存在自己知道的位置。保存名字随便填写,但是注意后面扩展名必须是网页的格式。

html表格中文字如何滚动、文字滚动效果

7、我们把保存好的网页双击用浏览器打开,可以在浏览器中看到表哥显示成这样子。

html表格中文字如何滚动、文字滚动效果

8、下面让表单居中,在表格中水貔藻疽,我们让文字滚动的效果使用<marquee></marquee>这个标签,词礅湛锿里面scrollamount值越大,滚动的越慢,滚动的方向用direction这个表示。

html表格中文字如何滚动、文字滚动效果

9、保存后,用浏览器打开,可以看到浏览器上面显示的这些效果,第一行文字的第二个格文字向左移动,第弛阻廖娓二行文字的第二个格文字向右移动。

html表格中文字如何滚动、文字滚动效果

html表格中文字如何滚动、文字滚动效果

© 一点知识