亲品藏
^
dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

  在很多网站上都会有显示新闻动态的地方,有些比较重要的新闻大家可以看到它的上面会有一个hot的图标,这个图标效果是怎么实现的呢?下面小编可以和大家一起分享一下它的代码。

  dreamweaver cs6制作带有HOT图标的网站新闻动态

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

  打开Adobe Dreamweaver cs6,新建一个网页

  把以上的代码改成下图中的代码

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

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

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

  继续插入代码:

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

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

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

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

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

  切换到设计页面,如图

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

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

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

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

  如果经验对您有用,请投我一票。若您需要完整的代码或者是直接做好的模板,请给我投上一票,然后私信我,从我的百度云盘下载回来,就可以直接用了!

dreamweaver cs6制作带有HOT图标的网站新闻动态_HOT图标新闻代码分享

  总结:以上就是小编为大家带来的相关dreamweaver cs6制作带有HOT图标的网站新闻动态内容了,不知道大家是否已经了解了呢?

相关阅读

CopyRight 亲品藏移动版(m.qinpinchang.com)