js閃爍提示信息-創(chuàng)新互聯(lián)

點擊某按鈕，提示某信息，相信大家經常遇到，用別人的插件總需要修改點，但是修改起來又很費時間，所以干脆自己寫吧，哈哈。代碼及效果如下：

創(chuàng)新互聯(lián)公司成立10多年來，這條路我們正越走越好，積累了技術與客戶資源，形成了良好的口碑。為客戶提供成都網站建設、做網站、網站策劃、網頁設計、國際域名空間、網絡營銷、VI設計、網站改版、漏洞修補等服務。網站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等，這些對于網站建設都非常重要，創(chuàng)新互聯(lián)公司通過對建站技術性的掌握、對創(chuàng)意設計的研究為客戶提供一站式互聯(lián)網解決方案，攜手廣大客戶，共同發(fā)展進步。

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閃爍提示信息-創(chuàng)新互聯(lián)
分享鏈接：http://bm7419.com/article14/dpcode.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、電子商務、定制網站、ChatGPT、營銷型網站建設、做網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網站網頁設計