0203github风格网页插件【转至虎绿林@残缘】

@Ta 2018-11-06 333点击




复制以下代码至个人中心->网页插件

<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<style>
.tp {
    margin: 0px;
    background-color: #f5f5f5;
    font-family: "Helvetica";
    border-bottom: 1px solid #e5e5e5;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.tp p:first-child
{
   background-color:#ebf1ec;
   height:0px;
   padding:0px;

} 

.tp img{
    width: 0px;
}
.tp a{
}

.tp img{
    width:0xp;
}

body {
    padding: 0px 0px; 
    background-color: #fafafa;
}

a {
    color: #4078c0;
    text-decoration: none;
    font-size: 14px;
}

hr
{
        border: 0px solid #BED8EA;
}

body>div
{
    padding: 9px 10px 10px;
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #e5e5e5;

}

body>div>ol{
        counter-reset: li; /* 创建一个计数器 */
        list-style: none; /* 清除列表默认的编码*/
        *list-style: decimal; /* 让IE6/7具有默认的编码 */
        font: 15px 'trebuchet MS', 'lucida sans';
        padding: 0;
        margin-bottom: 4em;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
body>div>ol li a {
                    position: relative;
                    display: block;
                    padding: 0.4em 0.4em 0.4em 0.8em;
                    *padding: 0.4em;
                    margin: 0.5em 0 0.5em 2em;
                    background: #ddd;
                    color: #444;
                    text-decoration: none;
                    /*transition动画效果*/
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }
              body div ol li a:hover {
                        background: #eee;
                }

              ol li a::before {

                        content: counter(li);
                        counter-increment: li;

                        position: absolute;
                        left: -2.5em;
                        top: 50%;
                        margin-top: -1em;
                        background: rgb(221, 221, 221);
                        width: 2em;
                        height: 2em;
                        line-height: 2em;
                        text-align: center;
                        -webkit-transition: all 0.3s ease-out;
                        -moz-transition: all 0.3s ease-out;
                        -o-transition: all 0.3s ease-out;
                        -ms-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
                }
               ol li a::after {
                        position: absolute;
                        content:"";
                        border: 0.5em solid transparent;
                        left: -1em;
                        top: 50%;
                        margin-top: -0.5em;
                        -webkit-transition: all 0.3s ease-out;
                        -moz-transition: all 0.3s ease-out;
                        -o-transition: all 0.3s ease-out;
                        -ms-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
                }
              ol li a:hover::after {
                        left: -0.5em;
                        border-left-color: rgb(221, 221, 221);
                }

            .news {
                min-height: 40px;
                padding: 10px 10px 10px 50px;
                border: solid 1px #4078c0;
                border-radius: 3px;
            }
            .news a{
                    font-size: 14px;
                    line-height: 1.2;
                    color: #4078c0;
                    font-weight: 600;
            }

        .news p{
            padding: 0;
            margin: 0;
            font-size: 12px;
            color: #555;
        }
        .octiconr
        {
            float:left;
            fill:currentColor;
            color: #4078c0;
            margin:4px;

        }
    input[type=submit] , input[type=button]
    {
        background:#ff0000;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fcfcfc, #eee);
    background-image: linear-gradient(#fcfcfc, #eee);
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    }

            .circle
            {
                  border-radius: 50%;
                  background-color: rgba(69, 93, 11, 0.19);
                  height: 50px;
                  width: 50px;
                  position: fixed;

                  bottom: 10px;
                right: 10px;
                    padding:0px;

            }

            .wmhint
            {
                  margin: auto;
                  height: 50px;
                  width: 45px;
                  line-height: 50px;
                  text-align:center;

                  color: #3d5040;
                font-weight: bolder;
                font-size: larger;

            }

        .facetieba
        {
            width: 80%;
        }

    ul.emoji-list * {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    ul.emoji-list li {
      font-size: 36px;
      float: left;
      display: inline-block;
      padding: 2px;
      margin: 4px;
    }
    img.emoji {
        cursor: pointer;
        height: 30px;
        width: 30px
        margin: 0 .05em 0 .1em;
        vertical-align: -0.1em;
    }

    .emoji-list
    {
        display: none;
    }
</style>                

<script type="text/javascript">

$(document).ready(function(){

$("#content").after('<div id="facetieba"><img title="冷" src="/tpl/classic/img/face/e586b7.gif" /><img title="勉强" src="/tpl/classic/img/face/e58b89e5bcba.gif" /><img title="吐舌" src="/tpl/classic/img/face/e59090e8888c.gif" /><img title="吐" src="/tpl/classic/img/face/e59090.gif" /><img title="呵呵" src="/tpl/classic/img/face/e591b5e591b5.gif" /><img title="呼" src="/tpl/classic/img/face/e591bc.gif" /><img title="咦" src="/tpl/classic/img/face/e592a6.gif" /><img title="哈哈" src="/tpl/classic/img/face/e59388e59388.gif" /><img title="啊" src="/tpl/classic/img/face/e5958a.gif" /><img title="喷" src="/tpl/classic/img/face/e596b7.gif" /><img title="太开心" src="/tpl/classic/img/face/e5a4aae5bc80e5bf83.gif" /><img title="委屈" src="/tpl/classic/img/face/e5a794e5b188.gif" /><img title="开心" src="/tpl/classic/img/face/e5bc80e5bf83.gif" /><img title="怒" src="/tpl/classic/img/face/e68092.gif" /><img title="惊哭" src="/tpl/classic/img/face/e6838ae593ad.gif" /><img title="惊讶" src="/tpl/classic/img/face/e6838ae8aeb6.gif" /><img title="汗" src="/tpl/classic/img/face/e6b197.gif" /><img title="泪" src="/tpl/classic/img/face/e6b3aa.gif" /><img title="滑稽" src="/tpl/classic/img/face/e6bb91e7a8bd.gif" /><img title="狂汗" src="/tpl/classic/img/face/e78b82e6b197.gif" /><img title="疑问" src="/tpl/classic/img/face/e79691e997ae.gif" /><img title="真棒" src="/tpl/classic/img/face/e79c9fe6a392.gif" /><img title="睡觉" src="/tpl/classic/img/face/e79da1e8a789.gif" /><img title="笑眼" src="/tpl/classic/img/face/e7ac91e79cbc.gif" /><img title="花心" src="/tpl/classic/img/face/e88ab1e5bf83.gif" /><img title="鄙视" src="/tpl/classic/img/face/e98499e8a786.gif" /><img title="酷" src="/tpl/classic/img/face/e985b7.gif" /><img title="钱" src="/tpl/classic/img/face/e992b1.gif" /><img title="阴险" src="/tpl/classic/img/face/e998b4e999a9.gif" /><img title="黑线" src="/tpl/classic/img/face/e9bb91e7babf.gif" /></div><br /><input id="emojibtn" type="button" value="展开Twitter表情">');

  $('#facetieba').after('<div class="emoji-list">\
 <img draggable="false" class="emoji" alt="😀" src="https://twemoji.maxcdn.com/36x36/1f600.png">\
      <img draggable="false" class="emoji" alt="😁" src="https://twemoji.maxcdn.com/36x36/1f601.png">\
      <img draggable="false" class="emoji" alt="😂" src="https://twemoji.maxcdn.com/36x36/1f602.png">\
      <img draggable="false" class="emoji" alt="😃" src="https://twemoji.maxcdn.com/36x36/1f603.png">\
      <img draggable="false" class="emoji" alt="😄" src="https://twemoji.maxcdn.com/36x36/1f604.png">\
      <img draggable="false" class="emoji" alt="😅" src="https://twemoji.maxcdn.com/36x36/1f605.png">\
      <img draggable="false" class="emoji" alt="😆" src="https://twemoji.maxcdn.com/36x36/1f606.png">\
      <img draggable="false" class="emoji" alt="😇" src="https://twemoji.maxcdn.com/36x36/1f607.png">\
      <img draggable="false" class="emoji" alt="😈" src="https://twemoji.maxcdn.com/36x36/1f608.png">\
      <img draggable="false" class="emoji" alt="😉" src="https://twemoji.maxcdn.com/36x36/1f609.png">\
      <img draggable="false" class="emoji" alt="😊" src="https://twemoji.maxcdn.com/36x36/1f60a.png">\
      <img draggable="false" class="emoji" alt="😋" src="https://twemoji.maxcdn.com/36x36/1f60b.png">\
      <img draggable="false" class="emoji" alt="😌" src="https://twemoji.maxcdn.com/36x36/1f60c.png">\
      <img draggable="false" class="emoji" alt="😍" src="https://twemoji.maxcdn.com/36x36/1f60d.png">\
      <img draggable="false" class="emoji" alt="😎" src="https://twemoji.maxcdn.com/36x36/1f60e.png">\
      <img draggable="false" class="emoji" alt="😏" src="https://twemoji.maxcdn.com/36x36/1f60f.png">\
      <img draggable="false" class="emoji" alt="😐" src="https://twemoji.maxcdn.com/36x36/1f610.png">\
      <img draggable="false" class="emoji" alt="😑" src="https://twemoji.maxcdn.com/36x36/1f611.png">\
      <img draggable="false" class="emoji" alt="😒" src="https://twemoji.maxcdn.com/36x36/1f612.png">\
      <img draggable="false" class="emoji" alt="😓" src="https://twemoji.maxcdn.com/36x36/1f613.png">\
      <img draggable="false" class="emoji" alt="😔" src="https://twemoji.maxcdn.com/36x36/1f614.png">\
      <img draggable="false" class="emoji" alt="😕" src="https://twemoji.maxcdn.com/36x36/1f615.png">\
      <img draggable="false" class="emoji" alt="😖" src="https://twemoji.maxcdn.com/36x36/1f616.png">\
      <img draggable="false" class="emoji" alt="😗" src="https://twemoji.maxcdn.com/36x36/1f617.png">\
      <img draggable="false" class="emoji" alt="😘" src="https://twemoji.maxcdn.com/36x36/1f618.png">\
      <img draggable="false" class="emoji" alt="😙" src="https://twemoji.maxcdn.com/36x36/1f619.png">\
      <img draggable="false" class="emoji" alt="😚" src="https://twemoji.maxcdn.com/36x36/1f61a.png">\
      <img draggable="false" class="emoji" alt="😛" src="https://twemoji.maxcdn.com/36x36/1f61b.png">\
      <img draggable="false" class="emoji" alt="😜" src="https://twemoji.maxcdn.com/36x36/1f61c.png">\
      <img draggable="false" class="emoji" alt="😝" src="https://twemoji.maxcdn.com/36x36/1f61d.png">\
      <img draggable="false" class="emoji" alt="😞" src="https://twemoji.maxcdn.com/36x36/1f61e.png">\
      <img draggable="false" class="emoji" alt="😟" src="https://twemoji.maxcdn.com/36x36/1f61f.png">\
      <img draggable="false" class="emoji" alt="😠" src="https://twemoji.maxcdn.com/36x36/1f620.png">\
      <img draggable="false" class="emoji" alt="😡" src="https://twemoji.maxcdn.com/36x36/1f621.png">\
      <img draggable="false" class="emoji" alt="😢" src="https://twemoji.maxcdn.com/36x36/1f622.png">\
      <img draggable="false" class="emoji" alt="😣" src="https://twemoji.maxcdn.com/36x36/1f623.png">\
      <img draggable="false" class="emoji" alt="😤" src="https://twemoji.maxcdn.com/36x36/1f624.png">\
      <img draggable="false" class="emoji" alt="😥" src="https://twemoji.maxcdn.com/36x36/1f625.png">\
      <img draggable="false" class="emoji" alt="😦" src="https://twemoji.maxcdn.com/36x36/1f626.png">\
      <img draggable="false" class="emoji" alt="😧" src="https://twemoji.maxcdn.com/36x36/1f627.png">\
      <img draggable="false" class="emoji" alt="😨" src="https://twemoji.maxcdn.com/36x36/1f628.png">\
      <img draggable="false" class="emoji" alt="😩" src="https://twemoji.maxcdn.com/36x36/1f629.png">\
      <img draggable="false" class="emoji" alt="😪" src="https://twemoji.maxcdn.com/36x36/1f62a.png">\
      <img draggable="false" class="emoji" alt="😫" src="https://twemoji.maxcdn.com/36x36/1f62b.png">\
      <img draggable="false" class="emoji" alt="😬" src="https://twemoji.maxcdn.com/36x36/1f62c.png">\
      <img draggable="false" class="emoji" alt="😭" src="https://twemoji.maxcdn.com/36x36/1f62d.png">\
      <img draggable="false" class="emoji" alt="😮" src="https://twemoji.maxcdn.com/36x36/1f62e.png">\
      <img draggable="false" class="emoji" alt="😯" src="https://twemoji.maxcdn.com/36x36/1f62f.png">\
      <img draggable="false" class="emoji" alt="😰" src="https://twemoji.maxcdn.com/36x36/1f630.png">\
      <img draggable="false" class="emoji" alt="😱" src="https://twemoji.maxcdn.com/36x36/1f631.png">\
      <img draggable="false" class="emoji" alt="😲" src="https://twemoji.maxcdn.com/36x36/1f632.png">\
      <img draggable="false" class="emoji" alt="😳" src="https://twemoji.maxcdn.com/36x36/1f633.png">\
      <img draggable="false" class="emoji" alt="😴" src="https://twemoji.maxcdn.com/36x36/1f634.png">\
      <img draggable="false" class="emoji" alt="😵" src="https://twemoji.maxcdn.com/36x36/1f635.png">\
      <img draggable="false" class="emoji" alt="😶" src="https://twemoji.maxcdn.com/36x36/1f636.png">\
      <img draggable="false" class="emoji" alt="😷" src="https://twemoji.maxcdn.com/36x36/1f637.png">\
      <img draggable="false" class="emoji" alt="😸" src="https://twemoji.maxcdn.com/36x36/1f638.png">\
      <img draggable="false" class="emoji" alt="😹" src="https://twemoji.maxcdn.com/36x36/1f639.png">\
      <img draggable="false" class="emoji" alt="😺" src="https://twemoji.maxcdn.com/36x36/1f63a.png">\
      <img draggable="false" class="emoji" alt="😻" src="https://twemoji.maxcdn.com/36x36/1f63b.png">\
      <img draggable="false" class="emoji" alt="😼" src="https://twemoji.maxcdn.com/36x36/1f63c.png">\
      <img draggable="false" class="emoji" alt="😽" src="https://twemoji.maxcdn.com/36x36/1f63d.png">\
      <img draggable="false" class="emoji" alt="😾" src="https://twemoji.maxcdn.com/36x36/1f63e.png">\
      <img draggable="false" class="emoji" alt="😿" src="https://twemoji.maxcdn.com/36x36/1f63f.png">\
      <img draggable="false" class="emoji" alt="🙀" src="https://twemoji.maxcdn.com/36x36/1f640.png">\
    </div>')

  $('#facetieba img').click(
        function(){

            var title = "《:" +  $(this).attr("title") + "》";
            var oldvalue =  $("#content").val();

            $("#content").val(oldvalue + title);

        });

  $('.emoji-list img').click(
        function(){

            var title = "《图片:" +  $(this).attr("src") + ","+ $(this).attr("alt")  +"》";
            var oldvalue =  $("#content").val();

            $("#content").val(oldvalue + title);

        });

  $('#emojibtn').click(
        function(){
            $("#emojibtn").val(($("#emojibtn").val()=="展开Twitter表情")?"折叠表情":"展开Twitter表情")
           $(".emoji-list").toggle(200)
        });

$.fn.longPress = function(fn) {
    var timeout = undefined;
    var $this = this;
    for(var i = 0;i<$this.length;i++){
        $this[i].addEventListener('touchstart', function(event) {
            timeout = setTimeout(fn, 300);
            }, false);
        $this[i].addEventListener('touchend', function(event) {
            clearTimeout(timeout);
            }, false);
    }
}

$("body"). append('<div class="circle" id="wm"><div class="wmhint">顶<div></div>');

$("#wm").click(
    function(){

    $('body,html').animate({ scrollTop: 0 }, 200);
})

$("#wm").longPress(function(){
  $("#wm").slideToggle();
});

$("#wm").dblclick(function(){
  $("#wm").slideToggle();
});

});

</script>
回复列表(0)
帖子没有回复
添加新回复
回复需要登录
[聊天-微语]胖罗:小富由俭,大富由天-●●位招租 - Hu…