share.js分享 JQ第三方分享外掛可自定義連結、標題

阿新 • • 發佈：2019-01-02

1、直接使用以下程式碼
2、載入附件中的js、css
3、定義要分享的連結

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>分享</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" 
 content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="layer_mobile/layer.js" 
></script>

    <!-- share css & js -->
    <link rel="stylesheet" href="share/css/share.min.css">
    <script src="share/js/social-share.min.js"></script>
    <style type="text/css">
        .social-share .social-share-icon{width: 50px !important;height: 50px !important 
;line-height: 50px !important;margin-left: 0.5rem;}
        .share_title{color:#c01414;text-align: center;font-size: 0.38rem;line-height: 1rem;}
    </style>

</head>
<body>

    <button onclick="do_share();">分享</button>

    <div id="share_box" style="display:none;">
        <h1 class="share_title">分享到</h1>
        <div class="social-share" data-initialized="true" style="text-align: center;" data-url="http://www.baidu.com?(要分享的連結)"  data-title="要分享的標題（可選）">
            <a href="#" class="social-share-icon icon-weibo"></a>
            <a href="#" class="social-share-icon icon-wechat"></a>
            <a href="#" class="social-share-icon icon-qq"></a>
            <a href="#" class="social-share-icon icon-qzone"></a>
        </div>
    </div>

    <script type="text/javascript">
        //彈出頁面層
        function do_share(){
            layer.open({
            type: 1
            ,content: $('#share_box').html()
            ,anim: 'up'
            ,style: 'position:fixed; bottom:0; left:0; width: 100%; padding:10px 0; border:none;'
            });
        }
    </script>
</body>
</html>

自定義配置：

data-url : ”, // 網址，預設使用 window.location.href
data-source : ”, // 來源（QQ空間會用到）, 預設讀取head標籤：
data-title : ”, // 標題，預設讀取 document.title 或者
data-origin : ”, // 分享 @ 相關 twitter 賬號
data-description : ”, // 描述, 預設讀取head標籤：
data-image : ”, // 圖片, 預設取網頁中第一個img標籤

share.js分享 JQ第三方分享外掛可自定義連結、標題

1、直接使用以下程式碼 2、載入附件中的js、css 3、定義要分享的連結 <!DOCTYPE html> <html> <head> <me

JS 日曆外掛實現農曆、節氣可自定義加班和休假

最近因為專案需求，模仿別人的介面做了一個日曆外掛。程式碼有些地方可能寫的不好，但功能都實現了。顯示對應的農曆、節氣、天干地支年月日。並支援自定義加班和休假日期。可在IE8(包括)以上瀏覽器使用(低於IE8的沒有測試過)。以下是展示： html：引入cale

設定tabBar、使用第三方外掛和自定義元件使用簡單例項

建立小程式專案進入時填寫，因需要用上第三方外掛，所以要填上開發者的APPID，前往微信公眾平臺去註冊一個賬號獲取APPID，在設定=>開發設定可以檢視相關appid資訊簡單思路底部導航新增三個子集，每個子集指向相應的頁面，兩個外掛頁面，一個自定義元件頁面一、設定tabBar 1、找到app.j

用js將HTML的Table匯出為Excel（可自定義：表格樣式+Excel名稱）

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" la

【分享】部落格美化(2)自定義部落格樣式細節

　　這一篇將根據我的部落格目前使用的SimpleMemory模版和自己的理解來分析下，CSS檔案的一些內容。如果不當，還請大家指正，因為我本身也不是很懂CSS，加上部落格園這個CSS檔案還挺大，內容挺多，搞錯了，還請大家理解。我自己都是改好後，上傳到部落格，看效果，不滿意再改。　　進入主題之前，先感

TP5 微信分享朋友圈介面顯示自定義圖片和標題

在tp5框架下對接微信分享朋友圈介面，並顯示圖片和標題。準備步驟：1，先登入微信公眾平臺進入“公眾號設定”的“功能設定”裡填寫“JS介面安全域名”。2，獲取公眾號對應的 appid 和 appsecret。3.公眾號取得認證。不羅嗦，直接上程式碼：1，js 程式碼，在需要分享

自己寫個vue.js外掛(1):自定義指令的妙用

寫個外掛 1.在components 目錄下新建一個validate.js： export default{ install(Vue){ Vue.prototype.$myName = "zhagngsan"; } }

vue外掛（自定義元件或js檔案使用），vue.extend()，vue.component()註冊元件

一、vue.use()自定義元件或者引用第三方元件（即vue文件中的外掛）？參考：https://cn.vuejs.org/v2/guide/plugins.html1.1、使用第三方元件通常我們在vue裡面使用別人開發的元件，第一步就是install,第二步在main.js

php 數據分頁類，可自定義多個分頁樣式

logs echo oot log 好的 num 方式 turn pre 調用分頁類的方法： // 測試分頁 public function pageTestAction() { Load::load_class(‘getPage‘,DI

js自定義事件、DOM/偽DOM自定義事件

多個 cap style 漸進 ash spa window false .proto 所謂自定義事件，就是有別於有別於帶有瀏覽器特定行為的事件(類似click, mouseover, submit, keydown等事件)，事件名稱可以隨意定義，可以通過特定的方法進行添加

多個線程實現順序打印數據，（可自定義線程一次打印數量和總數量）

技術分享 str logs ges his .get shm import pre 　　最近看到一道面試題：讓3個線程順序打印數字，如線程1打印1-5，線程2打印6-10，線程3打印11-15,然後是線程1打印16-20...一直打印到75結束。　　這到題主要問題有兩點

Unity中實現控制物體以自定義的速度沿Y軸旋轉90度（也可自定義度數）後停止,然後返回原來位置

1、需要控制沿Y軸旋轉的物體，如下所示： 2、編寫控制該物體旋轉的指令碼，如下所示： using UnityEngine; using System.Collections; public class Test_CycleRoate : MonoBehaviour {

仿新浪微博首頁具有泥鰍蚯蚓滑動效果的可自定義View的Android ViewPager指示器

說到蚯蚓滑動效果的指示器，市面上很常見也許是普通的控制元件習以為常了，刷微博的時候看到微博首頁的設計覺得很有意思於是在公司的蚯蚓滑動指示器的基礎上進行了加工，寫了這麼一個指示器，效果如下所示程式碼不多，正當我竊喜的時候我突然發現遇到個坑，點選popupwindo

ubuntu搭建Ngrok伺服器共享80埠可自定義域名

本教程前提：有域名需要解析到伺服器有公網ip的伺服器域名解析我們這裡用3級域名解析到伺服器，自定義域名則為4級域名。 ngrok.daliycode.com A記錄到 213.123.123.123(你的伺服器ip

資料檢驗外掛： Validate外掛新增自定義表單驗證

jQuery.validator.addMethod("ValiPass", function(value, element,params) { var exp =

js中[]沒有remove方法,但是可以自定義方法

Array.prototype.indexOf = function (val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } r

設置tabBar、使用第三方插件和自定義組件使用簡單實例

如果改變 list hub 應該 con 定義 cte eight 創建小程序項目進入時填寫，因需要用上第三方插件，所以要填上開發者的APPID，前往微信公眾平臺去註冊一個賬號獲取APPID，在設置=>開發設置可以查看相關appid信息簡單思路底部導航添加

java8生成可自定義長度的隨機數

剛好工作中用到，用java8的語法寫了一個獲取隨機數的工具分享給大家： package com.java8; import java.util.Random; /** * @author Administrator */ public interface RandomUtil {

elasticsearch 外掛開發-自定義分詞方法

自定義elasticsearch外掛實現 1 外掛專案結構這是一個傳統的maven專案結構，主要是多了一些外掛需要的的目錄和檔案 plugin.xml和plugin-descriptor.properties這兩個是外掛的主要配置和描述 pom.xml裡面也

使用Maven的assembly外掛實現自定義打包

一、背景　　最近我們專案越來越多了，然後我就在想如何才能把基礎服務的打包方式統一起來，並且可以實現按照我們的要求來生成，通過研究，我們通過使用maven的assembly外掛完美的實現了該需求，爽爆了有木有。本文分享該外掛的配置以及微服務的統一打包方式。二、配置步驟及

share.js分享 JQ第三方分享外掛 可自定義連結、標題

相關推薦

share.js分享 JQ第三方分享外掛可自定義連結、標題