在网页中实现滚动链接

 时间:2024-11-05 23:27:13

1、首先打开我们的HBuilder,点击新建项目。在新建项目中填写好项目名称后,我们在模板中选择基础HTML项目。如下图所示。

在网页中实现滚动链接

2、接下来我们可以在左侧的项目栏中看到创建好的项目,我们点击其中的index.html文件。如下图所示。

在网页中实现滚动链接在网页中实现滚动链接在网页中实现滚动链接在网页中实现滚动链接在网页中实现滚动链接

8、现在我们将刚才做好的列表嵌入到<marquee>标签当中,并且对该标签进行一些限定设置。其中direction代表滚动的方向,onmousemove代表将鼠标移入的效果,这里我们设置的是鼠标移入是停止。

在网页中实现滚动链接

9、最后我们保存后点击运行就可以看到作出的效果啦。赶快去试一下吧。

在网页中实现滚动链接
  • HTML的nav元素
  • java如何创建项目
  • css如何实现鼠标悬停图片时放大一倍
  • 如何配置单臂路由
  • js控制div背景图片随机变换效果
  • 热门搜索
    鱿鱼怎么炒好吃又嫩 电容怎么测量好坏 为什么呢 植物医生护肤品怎么样 无花果为什么叫无花果 你怎么说 晕车怎么缓解 赖怎么读 醴陵怎么读 早餐食谱大全及做法