图1 轮播代码1

点击 图1中的头部中Select Region 弹出遮罩层

当弹出遮罩层后，中间有一个白色文本框，文本框里面可以选择各种选择，而且鼠标移入选择项中也须要发生颜色的变革，作为显示给用户当前的鼠标位置，让人看起舒畅而清晰。
1

二．中间

html文字轮播效果我的HTML的结构的小机密 GraphQL

图二 商品

中间作为商品信息，一张图片内不止哀求可以显示价格的提示，而且也要大略描述功能的提示，每一张图也是有联系的，位置与空隙要保持幽美的同等。
功能：每一张图片点击都要有跳到相应的页面，鼠标移入时，要有一个动漫效果。

图二 html的代码1

三. 尾部

图三 信息干系

图三 支配代码1

尾部不止哀求排布一览无余 ，而且可以用来显示干系做事信息，和干系互助信息,和客服讯问等等…每一个笔墨都跳转链接与鼠标移入可以涌现颜色发生变革。

四、 开拓总结

本人从事在线教诲十年事情履历现在精心整理了一套从小白到项目实践开拓各种学习资料如果你想学想加入我们请关注我在私信回答“编程”就可以领取学习资料！
！
！

图1

图1代码

第一次代码都是靠自己打的，我创造原来每一个项目之中的每一部分，可以多种代码办法来实现的，这无疑提高了我的实现每一个代码功能探索，比如图1中的五段笔墨要有高亮效果以及下划线高亮效果，首先我用的是js办法来实现，但是才创造下划线不可完美的实现效果，下划线的大小不好，笔墨与下划线间隔不好，从而我想到用hover伪类实现这一效果，如图1代码：一开始我把每一个笔墨用span标签来，每一个span标签表面我都要用一个p标签来包裹着，为什么我要如此布局呢？由于这样方便我五个中只有后三个才有高亮效果的功能，虽然繁芜，但是也让我对每一层代码布局的深入认识的理解哦。

用其余一种代码办法来做同一种的功能也不错哦！
我以为可以探索每一种代码实现办法，加深的理解，整体来我学习到告终构的多种办法。