请选择 进入手机版 | 继续访问电脑版

黄亚东笔记

 找回密码
 立即注册

浮窗代码测试版

[复制链接]
在<head>与</head>之间加以下代码
  1. <link href="js/zi.css" rel="stylesheet" type="text/css">
复制代码

在<body>与</body>之间加以下代码

  1. <div class="bfix"><a class="jd" href="https://u.jd.com/BvnVOb%27"  target="_blank">京东</a><a class="pdd" href="https://p.pinduoduo.com/sXSvSMHx%27" target="_blank">拼多多</a><a class="tb" href="https://se-hqt-a154566.kuaizhan.com/#/share/index?u=18602701&id=592039257174&tkl=%28%C2%A2biARcbyr4pV%E2%82%B3%29&c=3&o=1%27" target="_blank">淘宝下单</a></div>
复制代码

创建以 js为名的文件夹,在里面新建 zi.css 文件,然后把以下js代码加到里面

  1. @charset "utf-8";
  2. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, input, textarea {
  3.         padding: 0px;
  4.         margin: 0px;
  5.         border: none
  6. }
  7. a {
  8.         color: #333;
  9.         text-decoration: none
  10. }
  11. a:active, a:hover {
  12.         text-decoration: none
  13. }
  14. a:focus, input:hover, button:hover, input[type='button']:hover {
  15.         outline: none
  16. }
  17. h1, h2, h3, h4, h5, h6 {
  18.         font-weight: normal
  19. }
  20. input {
  21.         -webkit-appearance: none
  22. }
  23. i, em, cite {
  24.         font-style: normal
  25. }
  26. li {
  27.         vertical-align: bottom;
  28.         overflow: hidden;
  29.         list-style-type: none
  30. }
  31. body, button, input, select, textarea {
  32.         font-family: tahoma, arial, 'Hiragino Sans GB', 'Microsoft YaHei', 宋体, sans-serif;
  33.         outline: none
  34. }
  35. body {
  36.         background-color: #a3297a;
  37.         font-size: 14px;
  38. }
  39. html {
  40.         -webkit-text-size-adjust: 100%;
  41.         -ms-text-size-adjust: 100%
  42. }/*禁止webkit横屏改变字体大小*/
  43. /*article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0px;margin:0px;border:none}*//*设置HTML5元素为块*/
  44. .overflow {
  45.         overflow: hidden
  46. }/*超出隐藏*/
  47. a, button, input, i {
  48.         -webkit-tap-highlight-color: rgba(0,0,0,0);
  49.         -moz-tap-highlight-color: rgba(0,0,0,0);
  50.         -ms-tap-highlight-color: rgba(0,0,0,0);
  51.         tap-highlight-color: rgba(0,0,0,0)
  52. }/*点击去除阴影*/
  53. input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
  54.         -webkit-appearance: none
  55. }
  56. input {
  57.         -webkit-appearance: none
  58. }
  59. * {
  60.         -webkit-tap-highlight-color: rgba(0,0,0,0)
  61. }/*解决IOS点击链接触发的颜色块*/
  62. textarea {
  63.         -webkit-appearance: none
  64. }
  65. img {
  66.         max-width: 100%;
  67.         height: auto;
  68.         border: none;
  69.         interpolation-mode: bicubic
  70. }/*图片自适应调整 并解决图片缩放的失真问题*/
  71. img {
  72.         border: 0 none;
  73.         vertical-align: middle
  74. }
  75. .radius {
  76.         border-radius: 5px;
  77.         -moz-border-radius: 5px;
  78.         -webkit-border-radius: 5px
  79. }

  80. .wrap {
  81.         width: 100%;
  82.         max-width: 750px;
  83.         margin: 0 auto
  84. }

  85. .auto {
  86.         height: auto;
  87.         overflow: hidden
  88. }

  89. .header {
  90.         background: #f1f1f1;
  91.         border-bottom: 1px solid #ddd;
  92.         height: 50px;
  93.         line-height: 50px;
  94.         position: fixed;
  95.         top: 0;
  96.         z-index: 888
  97. }
  98. .header a {
  99.         width: 33.3%;
  100.         float: left;
  101.         text-align: center;
  102.         display: block;
  103.         font-weight: bold;
  104. }
  105. .head {
  106.         height: 44px;
  107.         line-height: 44px;
  108.         width: 100%;
  109.         background: #333;
  110.         font-size: 16px;
  111.         color: #fff;
  112.         text-align: center;
  113.         position: relative
  114. }


  115. .bfix {
  116.         position: fixed;
  117.         bottom: 0;
  118.         width: 100%;
  119.         max-width: 750px;
  120.         margin: 0 auto;
  121.         height: 50px;
  122.         text-align: center;
  123.         line-height: 50px;
  124.         background: #CC3399;
  125.         color: #fff;
  126. }
  127. .bfix a {
  128.         background: #CC3399;
  129.         color: #fff;
  130.         text-align: center;
  131.         display: block;
  132.         line-height: 50px
  133. }
  134. .bfix a.tb {
  135.         background: #CC3399;
  136.         color: #fff;
  137.         width: 33.33%;
  138.         float: right;
  139.         display: block;
  140.         margin-right: -2px;
  141. }
  142. .bfix a.pdd {
  143.         background: #6666c1;
  144.         width: 33.33%;
  145.         float: left;
  146. }
  147. .bfix a.jd {
  148.         width: 33.33%;
  149.         float: left;
  150.         background: #ef4b4b;
  151. }


复制代码




zi.css

2.99 KB, 下载次数: 3


空格代码 &amp;nbsp;
浏览器网页中点击链接跳转到微信界面,网页上能打开激活微信进入微信界面的代码!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|黄亚东笔记 ( 鄂ICP备20004876号-4 )

GMT+8, 2020-12-4 06:55 , Processed in 1.187728 second(s), 24 queries .

黄亚东 友情赞助: 高佣联盟

公众号:亚东电商 站长VX:yadongtd

快速回复 返回顶部 返回列表