欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

DW制作带小喇叭、带HOT字样图标的文字滚动代码

程序员文章站 2023-12-11 10:50:52
DW制作带小喇叭、带HOT字样图标的文字滚动代码...

文字滚动,类似网页上的文字通知。今天就为大家分享dw制作带小喇叭、带hot字样图标的文字滚动代码放发,有需要的朋友快快来学习吧!

DW制作带小喇叭、带HOT字样图标的文字滚动代码

DW制作带小喇叭、带HOT字样图标的文字滚动代码

DW制作带小喇叭、带HOT字样图标的文字滚动代码

DW制作带小喇叭、带HOT字样图标的文字滚动代码

方法/步骤

1、打开adobe dreamweaver cs5,新建一个网页

2、把</head>以上的代码改成下图中的代码

DW制作带小喇叭、带HOT字样图标的文字滚动代码

3、最后在<body>后面插入下图中的代码:

DW制作带小喇叭、带HOT字样图标的文字滚动代码

4、继续插入代码:

DW制作带小喇叭、带HOT字样图标的文字滚动代码

5、最后在插入最后一步代码:(这是第一张文字滚动的样式:文字向下滚动)

DW制作带小喇叭、带HOT字样图标的文字滚动代码

第二种样式:文字向上滚动

DW制作带小喇叭、带HOT字样图标的文字滚动代码

切换到设计页面,如图

DW制作带小喇叭、带HOT字样图标的文字滚动代码

需要修改文字的链接地址就把要修改的一行文字全选,看到下方的,切换到“htnl”模式,修改“链接”二字中方框的地址

DW制作带小喇叭、带HOT字样图标的文字滚动代码

修改“hot”字样的图标:点击图标,在下方找到如下图的“属性”。然后再“源文件”的方框里改成自己想要换的图标。

DW制作带小喇叭、带HOT字样图标的文字滚动代码

以上就是dw制作带小喇叭、带hot字样图标的文字滚动代码方法介绍,你学会了吗?大家按照上面步骤进行操作即可,希望能对大家有所帮助!