网站名片信息(简易版)附调用接口和代码

原创 如果不存在过  2023-09-09 21:46  阅读 27 次 评论 0 条
关于接口的一些说明

之所以上线这个接口,就是为了一个特效。但是调用比较麻烦,加上可能有些用户不太懂修改代码,导致修改后出现一些问题,于是就写了这么一个接口,使其简单化调用。

用户只需要通过调用接口就可以直接制作一个图片版的网站名片信息,然后再通过 API接口平台 提供的调用代码即可轻松实现同样的特效。

* 该特效可能不支持手机,如无法接受,建议使用代码版

代码版请看原作者文章:https://www.pengqi.club/2318.html

使用方法
  1. 先通过接口制作需要的名片信息 → https://api.xwteam.cn/doc/135
    网站名片信息(简易版)附调用接口和代码 资源分享 第1张
    网站名片信息(简易版)附调用接口和代码 资源分享 第2张
  2. 在<head></head>之间调用CSS文件。
    <link rel="stylesheet" href="https://api.xwteam.cn/api/visitor/card_resource/card.css">
    

    * 文件已通过CDN加速,可直接调用,也可以下载到本地使用

  3. 在需要显示的位置插入代码。
    <div class="flip-container">
      <div class="flipper">
        <div class="front">
          <img src="图片URL" alt="正面图片" width="400" height="252">
        </div>
        <div class="back">
          <img src="图片URL" alt="背面图片" width="400" height="252">
        </div>
      </div>
    </div>
    

    * 自行修改图片URL为你的名片信息接口地址即可

写在最后

如果是接口版的名片信息,教程到这里已经结束了。

如果是代码版的请看文章顶部原作者的文章自行修改,但是你既然都看到这里了,也就说明你用的是接口版的。

目前接口版的简易特效是

* 暂不支持手机使用的!

如果需要手机也能看到,建议自己根据原作者文章使用代码版的名片信息。

当然,也可以把CSS文件下载到本地自行修改完善。

最后附上演示地址和代码:https://api.xwteam.cn/api_demo/card_api

已有 0 用户参与0
0 : 0
+1已打分
关于文章:本站所有主题由该文章作者发表,该文章作者与幸福の家享有文章相关版权
引用说明:其他单位或个人使用、转载或引用本文时必须同时征得该文章作者和幸福の家的同意
关于内容:文章可能部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
涉及版权:如文章内容侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
本文地址:https://www.xwteam.cn/share/web-info-card-code.html
版权声明:本文为原创文章,版权归 如果不存在过 所有,未经同意请勿转载,若作者允许转载,请保留出处!
微信阅读:鼠标移动至文字:扫描二维码微信阅读本文处查看并扫描二维码进行阅读
百度收录:百度已收录
Invitation
xwteam
5201314***
created:19/10/2009
Welcome to xwteam.cn

Use this card to join MyBlog and participate in a pleasant discussion together .

Welcome to XwTeam ' s Blog , wish you a nice day .

发表评论


表情