dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享
2016-09-14 13:25:44
在很多网站上都会有显示新闻动态的地方,有些比较重要的新闻大家可以看到它的上面会有一个hot的图标,这个图标效果是怎么实现的呢?下面小编可以和大家一起分享一下它的代码。
dreamweaver cs6制作带有HOT图标的网站新闻动态




打开Adobe Dreamweaver cs6,新建一个网页
把以上的代码改成下图中的代码

最后在后面插入下图中的代码:

继续插入代码:

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

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

切换到设计页面,如图

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

修改“HOT”字样的图标:点击图标,在下方找到如下图的“属性”。然后再“源文件”的方框里改成自己想要换的图标。
如果经验对您有用,请投我一票。若您需要完整的代码或者是直接做好的模板,请给我投上一票,然后私信我,从我的百度云盘下载回来,就可以直接用了!

总结:以上就是小编为大家带来的相关dreamweaver cs6制作带有HOT图标的网站新闻动态内容了,不知道大家是否已经了解了呢?
《dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享》阅读地址:http://www.qinpinchang.com/soft-3190.html
已有100+条评论,点击查看发表评论