XIUNO习主席24方针鼠标特效代码-源码库

鼠标点击本站任何页面会依次显示习大大的24 字方针，效果可见本站！

实现这样的效果并不难，在 view/htm/footer.inc.htm （如果安装了覆盖此文件的插件，则需要在插件里修改）里加入一小段JS代码即可：

<script>
(function() {
    var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"],
    index = Math.floor(Math.random() * coreSocialistValues.length);
    document.body.addEventListener('click',
    function(e) {
        if (e.target.tagName == 'A') {
            return;
        }
        var x = e.pageX,
        y = e.pageY,
        span = document.createElement('span');
        span.textContent = coreSocialistValues[index];
        index = (index + 1) % coreSocialistValues.length;
        span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join('');
        document.body.appendChild(span);
        animate(span);
    });
    function animate(el) {
        var i = 0,
        top = parseInt(el.style.top),
        id = setInterval(frame, 16.7);
        function frame() {
            if (i > 180) {
                clearInterval(id);
                el.parentNode.removeChild(el);
            } else {
                i += 2;
                el.style.top = top - i + 'px';
                el.style.opacity = (180 - i) / 180;
            }
        }
    }
} ());
</script>

1:本网站名称：源码库
2:本站永久网址：www.ymkuz.com
3:本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
4:分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
5:本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
6:本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7:如有链接无法下载、失效或广告，请联系管理员处理！
8:文章投稿-投诉建议E-mail：yunduanw@qq.com 站长QQ：99767152

THE END