dreamweaver网页制作中,怎样实现图片的走马灯效果
dreamweaver网页制作中,怎样实现图片的走马灯效果
日期:2016-08-12 10:30:01 人气:1
打开 Dreamweaver
新建 HTML 文档;
修改标题为"跑马灯"
保存为 index.html 文件。
首先,编写跑马灯部分的静态 HTML 代码,把图片排列起来
在 和 标签中添加以下代码:
给上一步的 HTML 代码中的 div 标签增加 class 属性,如下:
编写跑马灯部分的 CSS 样式代码,代码放在 和 标签中,如下:
ul{list-styl