js闪烁提示信息-创新互联

点击某按钮，提示某信息，相信大家经常遇到，用别人的插件总需要修改点，但是修改起来又很费时间，所以干脆自己写吧，哈哈。代码及效果如下：

创新互联公司成立10多年来，这条路我们正越走越好，积累了技术与客户资源，形成了良好的口碑。为客户提供成都网站建设、做网站、网站策划、网页设计、国际域名空间、网络营销、VI设计、网站改版、漏洞修补等服务。网站是否美观、功能强大、用户体验好、性价比高、打开快等等，这些对于网站建设都非常重要，创新互联公司通过对建站技术性的掌握、对创意设计的研究为客户提供一站式互联网解决方案，携手广大客户，共同发展进步。

js闪烁提示信息

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>闪烁提示信息</title>
<style>
#show_good{
    background:orange;
    position:absolute;
    display:none;
    border:2px solid #ffff00;
    border-radius:5px;
    text-align:center;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(function(){
    var windows_width = $(window).width();
    var windows_height = $(window).height();

    var div_width = 400;
    var div_height = 100;
    var div_left = (windows_width - div_width) / 2;
    var div_top = windows_height / 2 - div_height;
    var div_css = 'left:' + div_left + 'px;top:' + div_top + 'px;width:' + div_width + 'px;height:' + div_height + 'px;';

    var content = '<div id="show_good" >';
    content += '闪烁提示信息';
    content += '</div>';

    $('body').append(content);

    $('p').click(function(){
        $('#show_good').fadeIn(1000,function(){
            setTimeout(function(){
                $('#show_good').fadeOut(1000);
            },1000);
        });
    });
    //console.log(windows_width,windows_height,div_css);
  });
});
</script>
</head>
<body >
<p>闪烁提示信息</p>

</body>
</html>

分享名称：js闪烁提示信息-创新互联
分享链接：https://www.cdcxhl.com/article14/dpcode.html

成都网站建设公司_创新互联，为您提供标签优化、电子商务、定制网站、ChatGPT、营销型网站建设、做网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容