1. 程式人生 > >網頁小工具代碼

網頁小工具代碼

type 時間 radi man .com png alt 訪問 添加

各種工具代碼如下

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.背景透明版本

<script charset="Shift_JIS"
src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

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

<html>
<embed height="200" type="application/x-shockwave-flash" width="200" src="http://www.blogclock.cn/swf/S1000746cf11489-9.swf" wmode="transparent" quality="high">
</html>

5.火柴小人時針

<embed src="http://www.blogclock.cn/swf/S100098d768d228-4.swf" Width="150px" Height="210px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

6. 擺鐘

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value=""/></object>

7.訪問量

還可以貼上你的主頁被訪問次數技術分享

先註冊

<div style="font-size:20px;font-weight:bold;">訪次:&nbsp;<a href="http://www.amazingcounters.com">

<img border="0" src="http://cc.amazingcounters.com/counter.php?i=XXXXXXXX&amp;c=XXXXXXXX" alt="AmazingCounters.com"></a>&nbsp;次</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>

網頁小工具代碼