網頁小工具代碼

最後更新：2017-07-11 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：widgets 代碼 dig wave div size 存在 bottom follow

各種工具代碼如下

1.QQ添加連結

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=XXXXXXXX&amp;site=qq&amp;menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=1:XXXXXXXX:13" alt="有事您Q我" title="有事您Q我"></a>

2.小人時間

a.背景透明版本

b.背景白色版本
<script charset="Shift_JIS"
src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>

3.時鐘代碼1
<div class="clockdiv"><canvas id="clock" width ="200px" height="200px">您的瀏覽器不相容canvas</canvas><div>
<script type="text/javascript" src="http://files.cnblogs.com/files/lixu880/canvas.js"></script>

4.時鐘代碼2

5.火柴小人時針

6. 擺鐘

7.訪問量

還可以貼上你的首頁被訪問次數

先註冊

<img border="0" src="http://cc.amazingcounters.com/counter.php?i=XXXXXXXX&c=XXXXXXXX" alt="AmazingCounters.com"></a> 次</div>

8.原本的推薦按鈕是在最底下，不熟悉的人有時候可能找都找不到。

為了方便我們可以設定樣式，使之懸浮。

#div_digg {  position: fixed;  bottom: 10px;  right: 15px;  border: 2px solid #ECD7B1;  padding: 10px;  width: 140px;  background-color: #fff;  border-radius: 5px 5px 5px 5px !important;  box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);}

如果開通了js許可權的話，我們還可以動態添加別的快捷按鈕。

如：關注，回到頂部，快速評價。

<script type="text/javascript">                function customTimer(inpId, fn) {           if ($(inpId).length) {                 fn();             }             else {               var intervalId = setInterval(function () {                     if ($(inpId).length) {  //如果存在了                       clearInterval(intervalId);  // 則關閉定時器                        customTimer(inpId, fn);              //執行自身                    }                }, 100);            }         }        //頁面載入完成是執行
        $(function () {            customTimer("#div_digg", function () {               var div_html = "<div class=‘‘>                        <a href=‘javascript:void(0);‘ onclick=‘c_follow();‘>關注</a>                          &nbsp;|&nbsp;                         <a href=‘#top‘>頂部</a>                          &nbsp;|&nbsp;                        <a href=‘javascript:void(0);‘ onclick=\" $(‘#tbCommentBody‘).focus();\">評論</a>                   </div>";                $("#div_digg").append(div_html);                 //tbCommentBody                });         }); </script>

網頁小工具代碼

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

網頁小工具代碼

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support