首页 > codepen 如何引入第三方库

codepen 如何引入第三方库

比如 jquery

还有 如何把 codepen 嵌入网页呢?


补充:

文字描述

  1. save

  2. embed嵌入

  1. iframe

  2. copy

例子:

<iframe height='269' scrolling='no' src='//codepen.io/AxieLoveCat/embed/zvWEjJ/?height=269&theme-id=20380&default-tab=result' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen zvWEjJ by Cheio怯 (@AxieLoveCat) on CodePen.</iframe>

如果你发现有问题

那么就把src属性值//codepen.io/AxieLoveCat/embed/zvWEjJ/?height=269&theme-id=20380&default-tab=result
前面添加http:
http://codepen.io/AxieLoveCat/embed/zvWEjJ/?height=269&theme-id=20380&default-tab=result

第二种方法

  1. 保存你的代码

  2. copy你的url 如:http://codepen.io/anon/pen/VvXMNw

  3. 将pen改成embed 如:http://codepen.io/anon/embed/VvXMNw

  4. 创建iframe标签src属性值设为第三步的url即可.

【热门文章】
【热门文章】