【jQuery】これは簡単かも。InlineTweet.js

InlineTweet.jsは簡単にウェブ上のテキストでツイートリンクを作成することができます。

JS

<script src="path/to/inline-tweet.min.js"></script>

HTML

<span data-inline-tweet>Lorem Khaled Ipsum is a major key to success</span>

追加オプション

  1. data-inline-tweet-via – つぶやきにTwitterのユーザー名を追加する(@なし)
  2. data-inline-tweet-tags – つぶやき(カンマ区切り、スペースなし)にハッシュタグを追加します。
  3. data-inline-tweet-url – 現在のページのURLとは異なるURLをツイート
<span data-inline-tweet
data-inline-tweet-via="ireaderinokun"
data-inline-tweet-tags="webdesign,webdev,js,yolo"
data-inline-tweet-url="bitsofco.de">
Lorem Khaled Ipsum is a major key to success </span>

style

[data-inline-tweet] a {   text-decoration: none;   color: #000; }
[data-inline-tweet] a span {   border-bottom: 1px dotted rgb(0,172,237); font-style: italic; margin-right: 10px; }
[data-inline-tweet] a:hover span {   background-color: rgba(0,172,237,0.1); color: rgb(0,172,237); }
 

【jQuery】これは簡単かも。InlineTweet.js

  • LATEST
  • RELATED
  • POPULAR