Twitter Like Flash Message with jQuery

By: Prem Tiwari | Last Updated: December 10, 2016 | In: Twitter, WP Labs

I had developed a small web application like twitter flash message using jQuery. It’s useful and simple just enrich your web projects. This is very simple and easy bunch of code snippets to display flash message like twitter, facebook using Jaquery.

You can see the live demo of this tutorial before go to download complete script. I have added complete code in zip file, you will get this after subscribe of our blog.

Javascript Code:
Bellow is the jQuery code which will hide messages like twitter and facebook

src="http://ajax.googleapis.com/ajax/libs/

jquery/1.3.0/jquery.min.js">

</script>

$(document).ready(function(){

setTimeout(function(){

$(".flash").fadeOut("slow", function () {

$(".flash").remove();

}); }, 2000);

});

</script>

PHP code to contain html data

<?php

if($_SERVER["REQUEST_METHOD"] == "POST")

{

// Some data....

$message="<div class='flash'> Information message !</div>";

}

<?php echo $message; ?>

</div>

Css code

If you want to change style of flash message,then you can customize bellow CSS code according to your website theme and template.

.flash{

width:759px;

padding-top:8px;

padding-bottom:8px;

background-color: #fff;

font-weight:bold;

font-size:20px;-moz-border-radius: 6px;-webkit-border-radius: 6px;

}

About: Prem Tiwari

Prem Tiwari is the founder of freewebmentor.com and is a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby. View all posts by Prem Tiwari

Twitter Like Flash Message with jQuery

Css code

About: Prem Tiwari

You may also like:

Discount Coupons

Featured eBook

WordPress Security Guide

Popular Categories

Recommended Posts

Pincode Finder

Online Pincode Finder