萌新报到必备插件

@Ta 2019-11-06 73点击

个人中心-网页插件-粘贴以下代码-保存

即可体验第三方插件提升浏览体验度

<style>
#bar_f{background-color:#FFF;border:solid 1px #08C;padding:0px;margin:0px;position:fixed;top:0px;left:0px;z-index:101;}
#bar_f a:hover {color:#FFF;background-color:#08C;}
#bar_title{background-color:#08C;cursor:move;height:5px;}
#backto,#backto2{width:88px;text-align:center;margin:1px;display:block;cursor:n-resize;}
#tr1,#tr2{padding:0px; margin:3px;}
</style>
<div id="bar_f" >
<div id="bar_title"></div>
<a href="javascript:scroll(0,0)" title="回顶↑" id="backto">▲</a> <a href="#bottom" title="去底下↓" id="backto2">▼</a>
<a href="#" title="表情" onclick="Show_Hidden(tr1);return false">Face</a> - <a href="#" title="更多" onclick="Show_Hidden(tr2);return false">More</a>
<div id="tr1" style="display:none;">
<a href="#" onclick="bar_write('不高兴');return false"><img title="不高兴" src="/tpl/classic/img/face/e4b88de9ab98e585b4.gif" /></a>
<a href="#" onclick="bar_write('乖');return false"><img title="乖" src="/tpl/classic/img/face/e4b996.gif" /></a>
<a href="#" onclick="bar_write('冷');return false"><img title="冷" src="/tpl/classic/img/face/e586b7.gif" /></a>
<a href="#" onclick="bar_write('勉强');return false"><img title="勉强" src="/tpl/classic/img/face/e58b89e5bcba.gif" /></a>
<a href="#" onclick="bar_write('吐舌');return false"><img title="吐舌" src="/tpl/classic/img/face/e59090e8888c.gif" /></a>
<a href="#" onclick="bar_write('吐');return false"><img title="吐" src="/tpl/classic/img/face/e59090.gif" /></a>
<a href="#" onclick="bar_write('呵呵');return false"><img title="呵呵" src="/tpl/classic/img/face/e591b5e591b5.gif" /></a>
<a href="#" onclick="bar_write('呼');return false"><img title="呼" src="/tpl/classic/img/face/e591bc.gif" /></a>
<br /><a href="#" onclick="bar_write('咦');return false"><img title="咦" src="/tpl/classic/img/face/e592a6.gif" /></a>
<a href="#" onclick="bar_write('哈哈');return false"><img title="哈哈" src="/tpl/classic/img/face/e59388e59388.gif" /></a>
<a href="#" onclick="bar_write('啊');return false"><img title="啊" src="/tpl/classic/img/face/e5958a.gif" /></a>
<a href="#" onclick="bar_write('喷');return false"><img title="喷" src="/tpl/classic/img/face/e596b7.gif" /></a>
<a href="#" onclick="bar_write('太开心');return false"><img title="太开心" src="/tpl/classic/img/face/e5a4aae5bc80e5bf83.gif" /></a>
<a href="#" onclick="bar_write('委屈');return false"><img title="委屈" src="/tpl/classic/img/face/e5a794e5b188.gif" /></a>
<a href="#" onclick="bar_write('开心');return false"><img title="开心" src="/tpl/classic/img/face/e5bc80e5bf83.gif" /></a>
<a href="#" onclick="bar_write('怒');return false"><img title="怒" src="/tpl/classic/img/face/e68092.gif" /></a>
<br /><a href="#" onclick="bar_write('惊哭');return false"><img title="惊哭" src="/tpl/classic/img/face/e6838ae593ad.gif" /></a>
<a href="#" onclick="bar_write('惊讶');return false"><img title="惊讶" src="/tpl/classic/img/face/e6838ae8aeb6.gif" /></a>
<a href="#" onclick="bar_write('汗');return false"><img title="汗" src="/tpl/classic/img/face/e6b197.gif" /></a>
<a href="#" onclick="bar_write('泪');return false"><img title="泪" src="/tpl/classic/img/face/e6b3aa.gif" /></a>
<a href="#" onclick="bar_write('滑稽');return false"><img title="滑稽" src="/tpl/classic/img/face/e6bb91e7a8bd.gif" /></a>
<a href="#" onclick="bar_write('狂汗');return false"><img title="狂汗" src="/tpl/classic/img/face/e78b82e6b197.gif" /></a>
<a href="#" onclick="bar_write('疑问');return false"><img title="疑问" src="/tpl/classic/img/face/e79691e997ae.gif" /></a>
<a href="#" onclick="bar_write('真棒');return false"><img title="真棒" src="/tpl/classic/img/face/e79c9fe6a392.gif" /></a>
<br /><a href="#" onclick="bar_write('睡觉');return false"><img title="睡觉" src="/tpl/classic/img/face/e79da1e8a789.gif" /></a>
<a href="#" onclick="bar_write('笑眼');return false"><img title="笑眼" src="/tpl/classic/img/face/e7ac91e79cbc.gif" /></a>
<a href="#" onclick="bar_write('花心');return false"><img title="花心" src="/tpl/classic/img/face/e88ab1e5bf83.gif" /></a>
<a href="#" onclick="bar_write('鄙视');return false"><img title="鄙视" src="/tpl/classic/img/face/e98499e8a786.gif" /></a>
<a href="#" onclick="bar_write('酷');return false"><img title="酷" src="/tpl/classic/img/face/e985b7.gif" /></a>
<a href="#" onclick="bar_write('钱');return false"><img title="钱" src="/tpl/classic/img/face/e992b1.gif" /></a>
<a href="#" onclick="bar_write('阴险');return false"><img title="阴险" src="/tpl/classic/img/face/e998b4e999a9.gif" /></a>
<a href="#" onclick="bar_write('黑线');return false"><img title="黑线" src="/tpl/classic/img/face/e9bb91e7babf.gif" /></a>
</div>
<div id="tr2" style="display:none;">
<a href="#" title="链接" onclick="bar_ubb('url=][/url');return false">Url</a>
<a href="#" title="图片" onclick="bar_ubb('img][/img');return false">Img</a>
<a href="#" title="div块" onclick="bar_ubb('div=color:#FFF;background-color:#000;][/div');return false">Div</a>
<a href="#" title="span行" onclick="bar_ubb('span=color:#FFF;background-color:#000;][/span');return false">Span</a>
<a href="#" title="高亮代码" onclick="bar_ubb('code][/code');return false">Code</a>
<a href="#" title="字体加粗" onclick="bar_ubb('b][/b');return false">B</a>
<a href="#" title="上传文件或者图片" onclick="bar_upload();return false">附件</a>
<a href="/q.php/bbs.topic.80645.html" target="_blank" title="UBB说明">说明</a>
<a href="/q.php/addin.webplug.html" title="网页插件">插件</a>
<a href="javascript:void(function(){var d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:'',r='https://www.douban.com/recommend/?url='+e(d.location.href)+'&title='+e(d.title)+'&sel='+e(s)+'&v=1',w=450,h=330,x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width='+w+',height='+h+',left='+(screen.width-w)/2+',top='+(screen.height-h)/2))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()" target="_blank" title="推荐到豆瓣">豆</a>
</div>
</div>
<div style="height:30px !important;"></div>
<script src="/tpl/classic/js/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
    (function ($) {
        $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURIComponent(r[2]); return null;
        }
    })(jQuery);
 
    window.onload=function(){
        var file = $.getUrlParam("file");
        var ext = $.getUrlParam("ext");
        if(file != null){
            if(ext == "jpg" || ext == "gif" || ext == "png" || ext == "jpeg" || ext == "bmp"){
                $("#content").val( window.sessionStorage.bar_content + "\r\n[img]" + file + "[/img]");
            }else{
                $("#content").val( window.sessionStorage.bar_content + "\r\n[color=green]附件:[/color][url=" + file + "]下载[/url]");
            }
            window.sessionStorage.bar_content = null;
        }
    }
 
    var posX;
    var posY;
    var fdiv = document.getElementById("bar_f");
 
        if (window.localStorage.bar_left) {
            fdiv.style.left = window.localStorage.bar_left;
            fdiv.style.top = window.localStorage.bar_top;
        } else { //修复刚开始不能拖动的问题
            fdiv.style.left = '0px';
            fdiv.style.top = '0px';
        }
 
function bar_write(id) {
        var nr = document.getElementById("content");
        nr.value += "{"+id+"}";
    }
        function bar_ubb(id) {
        var nr = document.getElementById("content");
        nr.value += "["+id+"]";
    }       
        function bar_upload() {
                window.sessionStorage.bar_content = $("#content").val();
                document.location = 'https://www.xinby.cn/hu60_upload.php';
        }
 
    document.getElementById("bar_title").onmousedown=function(e)
    {
        if(!e) e = window.event;  //IE
        posX = e.clientX - parseInt(fdiv.style.left);
        posY = e.clientY - parseInt(fdiv.style.top);
        document.onmousemove = bar_mousemove;
        document.onmouseup = bar_mouseup;
    }
 
    function bar_mousemove(ev)
    {
        if(ev==null) ev = window.event;//IE
        fdiv.style.left = (ev.clientX - posX) + "px";
        fdiv.style.top = (ev.clientY - posY) + "px";
    }
    function bar_mouseup(ev)
    {
        if(ev==null) ev = window.event;//IE
        window.localStorage.bar_left = fdiv.style.left;
        window.localStorage.bar_top = fdiv.style.top;
        document.onmousemove = null;
        document.onmouseup = null;
    }
        $(document).ready(function(){
        $("#backto").hide();
        $(function () {
                $(window).scroll(function(){
                if ($(window).scrollTop()>200){
                $("#backto").fadeIn(500);
                }
                else
                {
                $("#backto").fadeOut(500);
                }
                });
                $("#backto").click(function(){
                $('body,html').animate({scrollTop:0},200);
                return false;
                });
                });
                });
function Show_Hidden(trid){
    if(trid.style.display=="block"){
        trid.style.display='none';
    }else{
        trid.style.display='block';
    }

}</script>

<!-- Today 插件开始 -->
<!-- Today css代码 -->
<style>
    .container_today {
        margin: 0 auto;
        background: #2f3640;
        padding: 5px;
        border-radius: 0 0 5px 5px;
    }
 
    /* 头部 */
    .header_today {
        text-align: center;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        position: relative;
    }
    .header_today .year_today {
        color: white;
        position: absolute;
        left: 5px;
    }
    .header_today .per_today {
        color: #E03255;
        font-weight: 900;
    }
    .header_today .detail_today {
        color: #BCF745;
        position: absolute;
        right: 5px;
        top: 0px;
    }
 
    /* 天数 */
    .dots_today .dot_today {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        background: #34645D;
        margin: 0 2px;
    }
    .dots_today .active_today {
        background: #14F7CD;
    }
 
    /* 动画 */
 
    /* chrome */
    @-webkit-keyframes stars{
        0% {
            background: #34645D;
        }
        25% {
            background: #14F7CD;
        }
        50% {
            background: #34645D;
        }
        75% {
            background: #14F7CD;
        }
        100% {
            background: #34645D;
        }
    }
 
    /* firefox */
    @-moz-keyframes stars{
        0% {
            background: #34645D;
        }
        25% {
            background: #14F7CD;
        }
        50% {
            background: #34645D;
        }
        75% {
            background: #14F7CD;
        }
        100% {
            background: #34645D;
        }
    }
 
    .lamp_today {
        -webkit-animation: stars 3s ease 0s infinite;
        -moz-animation: stars 3s ease 0s infinite;
    }
</style>
 
<!-- hu60 内部的JQ -->
<script src="/tpl/jhin/js/jquery-3.1.1.min.js"></script>
 
<!-- Today js代码 -->
<script>
    Today = {
        data: {
            year: new Date().getFullYear(),
            month: new Date().getMonth(),
            day: new Date().getDate(),
            year_sum: 0,
            today_sum: 0,
            per: 0
        },
        init: function (ele) {
            this.data.year_sum = this.getYearDayNum()
            this.data.today_sum = this.getToDay()
            this.data.per = Math.floor(this.data.today_sum / this.data.year_sum * 100) + '%'
 
            this.createLayout(ele)
 
            console.log("%c wzblog(惜梦) %c http://github.com/wzblog and https://blog.wz52.cn/project.html", "color: #fff; background-image: linear-gradient(90deg, rgb(47, 172, 178) 0%, rgb(45, 190, 96) 100%); padding:5px 1px;", "background-image: linear-gradient(90deg, rgb(45, 190, 96) 0%, rgb(255, 255, 255) 100%); padding:5px 0;");
        },
        createLayout: function (ele) {
            // 创建容器
            var container = $('<div></div>').addClass('container_today')
 
            // 创建头部
            var header = $('<div></div>').addClass('header_today')
 
            // 创建年份
            var year = $('<div></div>').addClass('year_today')
 
            // 创建进度
            var per = $('<div></div>').addClass('per_today')
 
            // 创建天数详情
            var detail = $('<div></div>').addClass('detail_today')
 
            // 创建天数盒子
            var dots = $('<div></div>').addClass('dots_today')
 
 
            // 组合布局
            // 插入头部
            year.html(this.data.year)
            header.append(year)
 
            per.html(this.data.per)
            header.append(per)
 
            detail.html(this.data.today_sum + '/' + this.data.year_sum)
            header.append(detail)
 
            container.append(header)
 
            // 插入点
 
            for (var i = 0; i < this.data.year_sum; i++) {
                var dot
 
                if (i < this.data.today_sum) {
                    dot = this.createDot(true)
                    if (i == this.data.today_sum - 1) {
                        dot.addClass('lamp_today')
                    }
                } else {
                    dot = this.createDot()
                }
 
                dots.append(dot)
            }
 
            container.append(dots)
 
            // 插入容器
            $(ele).append(container)
        },
        // 创建点
        createDot: function (mark) {
            var dot = $('<a></a>').addClass('dot_today')
 
            if (mark === true) {
                dot.addClass('active_today')
            }
 
            return dot
        },
        // 获取全年天数
        getYearDayNum: function () {
            var days = 0
            for (var i = 1; i < 13; i++) {
                var d = new Date(this.data.year, i, 0)
                days += d.getDate()
            }
            return days
        },
        // 获取从本年1月1日到现在的天数
        getToDay: function () {
            var days = 0
            for (var i = 1; i <= this.data.month; i++) {
                var d = new Date(this.data.year, i, 0)
                days += d.getDate()
            }
            days += this.data.day
            return days
        }
    }
 
$(document).ready(function () {
    if (location.pathname == "/q.php/index.index.html") {
        $('.container').prepend('<div class="today" style="margin: 10px 0"></div>')
        Today.init('.today')
    }
})
</script>
 
<!-- Today 插件结束 -->

<script src="/tpl/jhin/js/jquery-3.1.1.min.js"></script>
<script>
function insertText(obj, str) {  
    if (document.selection) {  
        var sel = document.selection.createRange();  
        sel.text = str;  
    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {  
        var startPos = obj.selectionStart,  
            endPos = obj.selectionEnd,  
            cursorPos = startPos,  
            tmpStr = obj.value;  
        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);  
        cursorPos += str.length;  
        obj.selectionStart = obj.selectionEnd = cursorPos;  
    } else {  
        obj.value += str;  
    }  
}

$(function(){
  var head = "<!-- markdown -->\n";
  var tail = "[div=animation:marquee 15s linear infinite alternate;white-space:nowrap;overflow:hidden][span=color: #fff;font-size: 12px;background:rgba(137,43,225,255);padding: 2px 5px;border-radius: 3px;margin-left:5px;]-●●位招租 {黑线}- Huawei Mate20[/span][/div]";
  $('#send_msg_button,#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
    var content = $('#content').val().replace(/\u00a0/g, ' ').replace(/\r\n/g, "\n").replace(/^(<!-- markdown -->|<!md>)\n/, '');
    if (document.querySelector('#markdown').checked) content = head + content;
    if (tail.length > 0 & content.lastIndexOf(tail) < 0 & document.querySelector('#signture').checked) content += tail;
    $('#content').val(content);
  })
});
$(document).ready(function () {
  $("#content").after('<div><input name="markdown" id="markdown" type="checkbox" checked /><label for="markdown">启用Markdown</label><input name="signture" id="signture" type="checkbox" checked /><label for="signture">小尾巴</label></div><p id="face"><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" /><img title="不高兴" src="/tpl/classic/img/face/e4b88de9ab98e585b4.gif" /><img title="乖" src="/tpl/classic/img/face/e4b996.gif" /></p><div id="jack" style="border: solid #b52a2a 1px;box-shadow:1px 1px 1px #999;/* width:18%; */margin-left:1%;margin-top:5px;/* height:35px; */display: table-row;text-align:center;line-height: 20px;overflow:hidden;"><a title="# ">一级标题 </a><a title="## ">二级标题 </a><a title="### ">三级标题 </a><a title="#### ">四级标题 </a><a title="##### ">五级标题</a><br><a title="**">斜体 </a><a title="** **">粗体 </a><a title="*** ***">粗斜体 </a><a title="\n* * *\n">分隔线 </a><a title="~~ ~~">删除线 </a><br><a title="[color=red]红[/color]">红色 </a><a title="[color=#f47920]橙[/color]">橙色 </a><a title="[color=#ffd400]黄[/color]">黄色 </a><a title="[color=#45b97c]绿[/color]">绿色 </a><a title="[color=#009ad6]青[/color]">青色 </a><a title="[color=#145b7d]蓝[/color]">蓝色 </a><a title="[color=#8552a1]紫[/color]">紫色 </a><br><a title="\n* \n* \n* ">无序列表 </a><a title="\n1. \n2. \n3.">有序列表 </a><a title="\n1. \n\t- \n2. \n\t- \n3. \n\t- ">列表嵌套 </a><br><a title="\n> \n> \n> \n">引用 </a><a title="\n> \n> > \n> > > \n">多层引用 </a><a title="\n> 区块中使用列表\n\n> 1. 第一项\n> \t- 子列表项1\n> 2. 第二项\n> \t- 子列表项2\n\n> - 无序列表1\n">引用中使用列表 </a><a title="\n* \n\t> \n\t> \n* \n">列表中使用引用 </a><br><a title="` `">代码片段 </a><a title="```\n\n```">代码区块 </a><a title="[虎绿林](https://www.hu60.cn)">文本超链接 </a><a title="链接也可以用变量来代替,文档末尾附带变量地址:\n这个链接用 1 作为网址变量 [Google][1]\n这个链接用 runoob 作为网址变量 [Runoob][runoob]\n然后在文档的结尾为变量赋值(网址)\n\n  [1]: http://www.google.com/\n  [runoob]: http://www.runoob.com/\n">高级链接 </a><br><a title="![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png &quot;RUNOOB&quot;)";border: solid #b60909 1px>图片 </a></div>');

  $('#face img').click(function () {
    var face = "{" +  $(this).attr("title") + "}";
    
    insertText(document.getElementById("content"), face);
    
  });
$('#jack a').click(function () {
    var face =  $(this).attr("title") ;
    insertText(document.getElementById("content"), face);
    
  });

});
</script>

<!--[网页插件]默认隐藏友链-->
<script>
$(document).ready(function () {
    if (location.pathname == "/q.php/index.index.html") {
        $('.friend-link-box').toggle();
        $('#friend_links_title').append(':<a href="#" onclick="$(\'.friend-link-box\').toggle(); return false">显示/隐藏</a>');
    }
});
</script>

<!--【网页插件】@消息提醒(修复去除空格)-->
<script src ="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"> </script>
<script type="text/javascript">

$(document).ready(function(){

    self.setInterval("checkNewMessage()",10000);

});

function checkNewMessage()
{
      $.getJSON("/q.php/index.index.json",function(result){
    if(result['userInfo']['newAtInfo']>0 || result['userInfo']['newMsg']>0)
{
    showMessage();
}
     });
}

function showMessage()
{
    
    if (window.Notification) {
 
            var ua = navigator.userAgent.toLowerCase();
      
                    Notification.requestPermission().then(function (permission) {
                        if (permission == "granted") {
                            var notification = new Notification('虎绿林', {
                                body: '您有新的消息',
                                icon: 'some/icon/url'
                            });
 
                            notification.onclick = function () {
 
                                console.log('点击');
                                notification.close();
                            };
                        } else {
                            alert("虎绿林:您有新消息");
                            Notification.requestPermission();
                            console.log('没有权限,用户拒绝:Notification');
                        }
                    });
              } else {
                alert("虎绿林:您有新消息");
        }

}

</script>

<!--【网页插件】点击网页任意地方 出现二十四字真言-->
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
    /* 鼠标点击特效 */
    var a_idx = 0;
    jQuery(document).ready(function($) {
        $("body").click(function(e) {
            var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "color": "#ff6651"
            });
            $("body").append($i);
            $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function() {
                    $i.remove();
                });
        });
    });
</script>

<!--给你的背景添加一个动态的线条特效-->
<script count="200" src="//img.cdn.vv1234.cn/o_1bdgnn8ljls4ihk1aq6cjq1fooa.js"></script>

<!--0203github风格网页插件-->
<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"></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)
帖子没有回复
添加新回复
回复需要登录
[聊天-微语]胖罗:学校固然是很大一部分影响因素,但是自己的…