模仿网站导航条设置

电脑版和手机版导航要求带数据,方便自动生成新的产品页,新开发全站支持https

电脑版导航

鼠标移动到 产品 就弹出产品大全,左侧列表切换不同的类目

 

 

导航搜索支持 中文 英文 数字 模糊搜索

 

左侧点击类目原版会跳新的页面,我们不需要,弹出右侧项目就行。

 

 

 

 

 

 

平板效果

顶部导航 间隔有收缩,下面类目一样都缩小了

 

 

 

手机版   腾讯云是响应式 从电脑版自动切换这个效果

 

 

 

 

 

 

Footer 部分

电脑版

 

平板部分

 

手机

 

 

 

 

 

 

 

 

 

 

顶部宽度

现有版本需要收缩一点

 

导航左边位置移动过去大致示意图

 

 

导航右边位置     仅保留 登陆和立即注册移到最右边,其他不需要了。

 

原版导航有

Logo图片  最新活动 产品 解决方案 云市场  合作伙伴

修改导航改成

· Logo图片  最新活动(超链接写baidu.com)  产品  解决方案  去购买

· 关于我们  数字营销 互动开发 智慧数据

 

说明

Logo图片 还是我们自己原版的,点击后调整到首页 仅作位置调整

最新活动  超链接跳转url暂指向baidu.com

产品      鼠标点或移动到产品弹出【产品】列表框,有搜索框 超链接baidu.com后能改

解决方案  鼠标点或移动到【解决方案】弹出产品列表框,搜索框超链接baidu.com后能改

去购买    鼠标点或移动到【去购买】弹出产品列表框,有搜索框 超链接baidu后其能改

· 关于我们  原有功能仅移动位置

· 数字营销  原有功能仅移动位置

· 互动开发  原有功能仅移动位置

· 智慧数据  原有功能仅移动位置

 

客服联系

推荐一款聊天弹窗,比较正式的窗口类似以下

 

电脑版

 

手机版

 

红色位置带个电话图标

点击聊天窗口 弹出如右图 推荐个免费或付费的。

 

 

更多
  • 该日志由 于2021年09月10日发表在 未分类 分类下, 你可以发表评论,并在保留原文地址 及作者的情况下引用到你的网站或博客。
  • 本文链接: 模仿网站导航条设置 | 帮助信息-动天数据
  • 版权所有: 帮助信息-动天数据-转载请标明出处
  • 【上一篇】 【下一篇】

    0 Comments.