zoukankan      html  css  js  c++  java
  • js滑动提示效果

    js代码 漂亮的动画效果;在靠右上角:背景颜色为红,字体颜色为白色  滑动 变大 上移  缓慢渐变消失

     1     function tishi() {
     2 
     3             $("#tishi").attr("style", "border: 1px solid #000;position: absolute; z-index: 10; 200px; height: 30px;color:white;background-color:Red;border-radius:25px;-moz-border-radius:25px; text-align:center;left:70%; top:10%; display: none");
     4 
     5             $("#tishi").show().animate({
     6                  '300px',
     7                 height: '37px',
     8                 top: '-=10px'
     9               , opacity: '0.8'
    10             }, "slow");
    11             $("#tishi").show().animate({
    12                 top: '-=10px'
    13               , opacity: '0.6'
    14 
    15             }, "slow");
    16             $("#tishi").show().animate({
    17                 top: '-=10px'
    18               , opacity: '0.4'
    19             }, "slow");
    20             $("#tishi").show().animate({
    21                 top: '-=10px'
    22               , opacity: '0.2'
    23             }, "slow");
    24             $("#tishi").show().animate({
    25                 top: '-=10px'
    26                , opacity: '0.0'
    27             }, "slow");
    28         }

    前台代码,写在body里:

    1 <div id="tishi" style="border: 1px solid #000;position: absolute; z-index: 10; 200px; height: 30px;color:white;background-color:Red;border-radius:25px;
    2 -moz-border-radius:25px; /* 老的 Firefox */text-align:center;left:70%; top: 10%; display: none">请完善信息</div>
  • 相关阅读:
    深度优先搜索
    哈希算法
    双指针问题
    基本概念
    Ionic JPush极光推送二
    一条sql获取每个类别最新的一条记录
    Ionic App 更新插件cordova-plugin-app-version
    Ionic跳转到外网地址
    Ionic cordova-plugin-splashscreen
    Web API 上传下载文件
  • 原文地址:https://www.cnblogs.com/woloveprogram/p/4893723.html
Copyright © 2011-2022 走看看