从品牌网站建设到网络营销策划,从策略到执行的一站式服务
郑州高端网站定制开发网站过程中,遇到客户在本身已经有悬浮窗口的基础上,需要添加个微信二维码。
为湄潭等地区用户提供了全套网页设计制作服务,及湄潭网站建设行业解决方案。主营业务为网站制作、网站设计、湄潭网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
在微信越来越普及的现在,电脑端网站已经少不了微信客服二维码。那么如果在网站上添加悬浮的二维码图片呢?
请看示例图
当客户在浏览你的电脑端网站时候,用鼠标移动到微信咨询的时候,会自动切换一个二维码图片。下面是在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,有火狐,有谷歌。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图