zoukankan      html  css  js  c++  java
  • 淘宝顶端的通知样式 .

    <style>.top-nodify{background-color:#FFFAE1;height:30px;line-height:30px;border-bottom:1px solid #E8E8E8;text-align:center;display:none;}.top-nodify em{color:#FF0000;}</style>

    <script>
    KISSY.use('node',function(Node){
    var $ = Node.all;
    $('<div class="top-nodify">网站计划于<em>2014年8月5日0:00—8:00进行系统升级</em>,期间全站部分功能或不可用,给您带来不便,敬请谅解。</div>').prependTo('body').slideDown(0.3);

    })

    <script>KISSY.use("fp/index-c");</script>

    <div id="J_Feedback" class="feedback">
    <a href="javascript:;" target="_self" id="J_GoTop" class="btn go-top" title="回到顶部"><span class="tb-fp-iconfont">�</span><em>回到顶部</em></a>
    <a href="//ur.taobao.com/survey/view.htm?id=2546" class="btn" title="我要反馈"><span class="tb-fp-iconfont">�</span><em>我要反馈</em></a>
    </div>
    <a id="tanx-a-mm_12852562_1778064_9118786" class="hide"></a>
    <a id="tanx-a-mm_12852562_1778064_9118787" class="hide"></a>
    <!-- 活动区块 -->


    <script>
    KISSY.use('node,ua',function(S,Node,ua){
    if(ua.ie === 6){
    Node.all('.J_Ald_544').hide();
    }
    })
    </script><script>
    KISSY.ready(function(){
    KISSY.getScript('http://g.tbcdn.cn/tb/fdc/xwj.js',function(){
    window._ap_xwj&&_ap_xwj.monitor("201405203565400480", {"sample_rate":0.01,"dead_line":1416067200000});
    })
    })
    </script> </div>

    ------------------类似---------------------

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style>
    body { font-size:12px; margin:0;}
    #topAlert { background: url(/uploadfile/200811/5/DC182115158.gif) repeat-x left top; margin: auto; height: 35px;}
    #topAlert P { padding: 5px 0px 0px 30px; background: url(/uploadfile/200811/5/F8182115251.gif) no-repeat 8px 3px; margin: 0px; line-height: 120%; font-family: arial, helvetica, sans-serif; height: 15px;}
    #topAlert .topAlert_icon { padding: 0px; float: left; margin: 4px 10px 0px;}
    #topAlert .topAlert_close { padding: 0px; float: right; margin: 4px 10px 0px; cursor: pointer;}
    </style>
    </head>

    <body>
    <div id=topAlert><IMG class="topAlert_close"
    onclick="javascript:document.getElementById('topAlert').style.display='none';"
    src="/uploadfile/200811/5/99182115221.gif">
    <p>尊敬的用户,本网站将于北京时间10月30日23:30系统升级,预计耗时4个小时,届时部分页面可能会短暂中断几次无法访问,我们对此给您带来的不便之处深表歉意!
    </p></div>
    </body>
    </html>

  • 相关阅读:
    SQL UNION 和 UNION ALL 操作符
    JavaScript--验证码随机生成
    C#基础 out和ref
    远程连接身份验证错误,又找不到加密Oracle修正
    ASP.Net WebAPI -- 简单实现增删改查
    SpringBoot发送邮箱验证码
    VMware虚拟机安装Linux系统详细教程
    SpringBoot实现登陆拦截
    JavaScript 实例、构造函数、原型对象关系图
    JavaScript创建对象的几种方式总结
  • 原文地址:https://www.cnblogs.com/mr-hero/p/5663320.html
Copyright © 2011-2022 走看看