网页小工具代码

最新推荐文章于 2024-05-10 16:58:02 发布

原创最新推荐文章于 2024-05-10 16:58:02 发布 · 240 阅读

CC 4.0 BY-SA版权

文章标签：

各种工具代码如下

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.背景白色版本

　c、简单应用

3、时钟代码1<div class="clockdiv"><canvas id="clock" width ="200px" height="200px">您的浏览器不兼容canvas</canvas><div><script type="text/javascript" src="https://files.cnblogs.com/files/lixu880/canvas.js"></script>

4、时钟代码2

5、火柴小人时针

6、摆钟

7、心形钻石时钟

8、翻牌器时钟

9、访问量

还可以贴上你的主页被访问次数

先注册

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

10、原本的推荐按钮是在最底下，不熟悉的人有时候可能找都找不到。

为了方便我们可以设置样式，使之悬浮。

#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>