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>
  • 相关阅读:
    Photoshop色阶、曲线命令图解和编程实现(附源码)
    苹果Mac OS X快捷键大全
    lucene Field部分参数设置含义
    图片管理下载逻辑
    Lucene.Net无障碍学习和使用:索引篇 (转)
    Firebug 调试器开发中的12个技巧
    Lucene.Net 多线程操作建议(转)
    如何在ASP.NET中下载文件
    Lucene.Net 2.3.1开发介绍 —— 简介 (转)
    JS打开图片另存为对话框 (转)
  • 原文地址:https://www.cnblogs.com/mmzs/p/8336365.html
Copyright © 2011-2022 走看看