网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 js滑动提示效果代码分享
范文
    本文实例为大家分享了js滑动提示效果,供大家参考,具体内容如下
    js代码漂亮的动画效果;在靠右上角:背景颜色为红,字体颜色为白色  滑动 变大 上移  缓慢渐变消失
    function tishi() {
      $("#tishi").attr("style", "border: 1px solid #000;position: absolute; z-index: 10; width:200px; height: 30px;color:white;background-color:Red;border-radius:25px;-moz-border-radius:25px; text-align:center;left:70%; top:10%; display: none");
      $("#tishi").show().animate({
      width: '300px',
      height: '37px',
      top: '-=10px'
      , opacity: '0.8'
      }, "slow");
      $("#tishi").show().animate({
      top: '-=10px'
      , opacity: '0.6'
      }, "slow");
      $("#tishi").show().animate({
      top: '-=10px'
      , opacity: '0.4'
      }, "slow");
      $("#tishi").show().animate({
      top: '-=10px'
      , opacity: '0.2'
      }, "slow");
      $("#tishi").show().animate({
      top: '-=10px'
      , opacity: '0.0'
      }, "slow");
     }
    前台代码,写在body里:
    <div id="tishi">请完善信息</div>
    希望本文所述对大家学习javascript程序设计有所帮助。
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 23:29:07