zoukankan      html  css  js  c++  java
  • 博客园界面部分优化

    网页或者博客园右侧嵌入flash动画支持的html代码

    拷贝如下代码到指定代码区即可直接使用:

    完美兼容i7、google、百度浏览器、360浏览器

     动态小人时钟:

    <!--博客侧边栏公告-->
    <hr>
    <div style="background:white">
    <embed allowscriptaccess="never" allownetworking="internal" invokeurls="false" src="https://files.cnblogs.com/files/mmzs/flashDate.swf" 
    pluginspage="https://files.cnblogs.com/files/mmzs/flashDate.swf" type="application/x-shockwave-flash" quality="high" autostart="0" wmode="transparent" width="240" 
    height="69" align="middle">
    </div>
    <hr>
    <img width="240" src="https://images2017.cnblogs.com/blog/1196304/201710/1196304-20171015095117121-1784874554.jpg">
    <hr>

     数字时钟:

    <!--博客侧边栏公告-->
    <embed width="180" height="180" align="middle" wmode="transparent" quality="high" src="http://images.cnblogs.com/cnblogs_com/csharp/clock.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">

     小老鼠游戏动画:

    <!--博客侧边栏公告-->
    <div className="sidebarMouse">
    <object type="application/x-shockwave-flash" style="outline:none;"          data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2F&amp;up_tailColor=E6DEBE&amp;"          width="240" height="160"><param name="movie"           value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2E&amp;up_tailColor=E6DEBE&amp;"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"></object>
    </div>

     让随笔标签变成3D的云标签:

    //第一种方式,博客侧边栏公告
    <!--云标签-->
    <script src="http://files.cnblogs.com/mmzs/jquery.engine3D.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://files.cnblogs.com/mmzs/jquery.particlePhysics.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://files.cnblogs.com/mmzs/jquery.starfieldTagCloud.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
        //注意:这里是用的随笔分类做例子,你自己可以根据你自己情况任意设定。
        $(".catListPostCategory>ul").wrap("<div class='wrap' ></div>").parent().css({ 'width': '100%', 'height': '239' });
        var options = { 
            "range": [-200, 300], 
            "gravity": -10, 
            "xPos": 0.5, 
            "yPos": 0.5, 
            "gravityVector": [0, 0, 1], 
            "interval": 100, 
            "hoverGravityFactor": 0 
        };
        jQuery("div.wrap").starfieldTagCloud(options);
    }); 
    </script>
    //第二种方式,博客侧边栏公告
    <script src="https://files.cnblogs.com/files/mmzs/list_cloud.js" chartset="utf-8"></script>
    <div id="cloudListTitle">
    </div>

     分享栏控件

    <!-- 分享栏控件,博客侧边栏公告 -->

    <script>
    window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>

     自动生成目录,带头像的评论栏

    <!--页首Html代码-->

    <!-- 自动生成目录 -->
    <!--带头像的评论栏-->
    <script src="https://files.cnblogs.com/files/mmzs/reply00.js"></script>
  • 相关阅读:
    BeanFactory 简介以及它 和FactoryBean的区别
    由kill 和 kill -9 引发的Linux signal 学习
    验证整数和小数的正则表达式
    重构!重构!重构!
    Java常用命令:jps、jstack、jmap、jstat(带有实例教程)
    子网掩码是4个255代表什么?
    常见的访问控制模型 Access Control Policy:RBAC,DAC,MAC,ABAC
    安装驱动
    大话数据治理-01什么是治理,治理什么数据
    提高 nginx 服务器 安全性,稳定性、性能 --经验总结-持续更新
  • 原文地址:https://www.cnblogs.com/mmzs/p/8336365.html
Copyright © 2011-2022 走看看