欢迎光临
我们一直在努力

分享一个右侧导航栏代码

上回已经有分享一个右侧导航栏代码了,两个右侧导航栏代码其实都差不多,主要就是显示的外表不同,看自己喜好觉得哪个好看就选择哪个吧。

具体效果图如下:

代码内容如下:

Markup

<style>
.elevator_item .hd-time-limited {
display: block;
position: fixed;
right: 0;
bottom: 445px;
width: 40px;
height: 140px;
background: url(assets/img/right.png) no-repeat center;
}

.elevator_item {
position: fixed;
right: 0;
bottom: 95px;
z-index: 11;
}
.elevator_item .feedback {
width: 36px;
height: 41px;
font-size: 12px;
padding: 5px 6px;
display: block;
border-radius: 5px;
text-align: center;
margin-top: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,.35);
cursor: pointer;
}
.graHover {
position: relative;
overflow: hidden;
}
</style>
<div class=”elevator_item” id=”elevator_item” style=”display:block;”>
<a target=”_self” class=”feedback graHover” style=”background-color: #3cbdfa;color:#fff;” href=”/user/reg.php” rel=”nofollow”>分站搭建</a>
<a target=”_self” class=”feedback graHover” id=”sign_daily” style=”background-color: #ffd900;color:#383838;” rel=”nofollow” href=”商品链接”>刷名片赞</a>
<a target=”_self” class=”feedback graHover” style=”background-color: #AF3A9F;color:#fff;” href=”商品链接” rel=”nofollow”>超会Q钻</a>
<a target=”_self” class=”feedback graHover” style=”background-color: #fa3c63;color:#fff;” href=”商品链接” rel=”nofollow”>抖音业务</a>
<a target=”_self” class=”feedback graHover” style=”background-color: #ffa500;color:#fff;” href=”商品链接” rel=”nofollow”>快手业务</a>
<a target=”_self” class=”feedback graHover” style=”background-color: #1e6be3;color:#fff;” href=”商品链接” rel=”nofollow”>全民K歌</a>
<a target=”_self” class=”feedback graHover” style=”background-color: #06C17E;color:#fff;” href=”商品链接” rel=”nofollow”>空间业务</a>
<a target=”_self” class=”feedback graHover” style=”background-color: #FF3399;color:#fff;” href=”商品链接” rel=”nofollow”>免费福利</a>
</div>
打赏
这些信息可能会帮助到你: 加盟代理 | 软件问题答疑 | 网站装修推广 | 下单商城

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《分享一个右侧导航栏代码》
文章链接:https://dk.tkcdk.cn/1652.html
免责声明:本站所有资源和软件均来自于互联网渠道,只整合营销类软件-简单趣味娱乐软件其他危害社会软件客户绕行-免开尊口共同打造健康营销-绿色的微商环境
请遵循相关法律法规合理使用,本站一切资源不代表本站立场如有侵权不妥之处请第一时间联系我们删除,敬请谅解!
投诉侵权邮箱:520lab@2018lab.club 或联系QQ:321679717
分享到: 更多 (0)

亿软阁微营销 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏