网站添加悬浮微信二维码

郑州高端网站定制开发网站过程中，遇到客户在本身已经有悬浮窗口的基础上，需要添加个微信二维码。

为湄潭等地区用户提供了全套网页设计制作服务，及湄潭网站建设行业解决方案。主营业务为网站制作、网站设计、湄潭网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

在微信越来越普及的现在，电脑端网站已经少不了微信客服二维码。那么如果在网站上添加悬浮的二维码图片呢？

请看示例图

当客户在浏览你的电脑端网站时候，用鼠标移动到微信咨询的时候，会自动切换一个二维码图片。下面是在css当中添加的样式。

.FloatingWindow .FloatingWindow_list_ewm-img{

    position: absolute;

    right: 78px;

    top:-30px;

    -moz-transform: rotateX(270deg);

    -ms-transform: rotateX(270deg);

    -o-transform: rotateX(270deg);

    -webkit-transform: rotateX(270deg);

    transform: rotateX(270deg);

    -moz-transition: all 0.3s ease-in-out 0s;

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.FloatingWindow .FloatingWindow_list_ewm:hover .FloatingWindow_list_ewm-img {

    -moz-transform:rotateX(0);

    -ms-transform:rotateX(0);

    -o-transform:rotateX(0);

    -webkit-transform:rotateX(0);

    transform: rotateX(0);

}

总结，主要是上述两段代码，其中第一段rotateX这个属性是旋转的意思， -moz- -ms这些是适用于不同的浏览器，有IE，有火狐，有谷歌。

标题名称：网站添加悬浮微信二维码
标题来源：https://www.cdcxhl.com/article18/scsogp.html

成都网站建设公司_创新互联，为您提供商城网站、微信公众号、全网营销推广、Google、搜索引擎优化、动态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联