Κουτί με μήνυμα, που εξαφανίζεται

buzz this
Καλημέρα σε όλη την παρέα. Βρήκα ένα εύκολο κολπάκι σε μια σελίδα με τρικ για μπλοκ και σκέφτηκα να σας το παρουσιάσω. Είναι πανεύκολο και έχει πλάκα... Τώρα αντιγράψτε τον παρακάτω html κώδικα που σας δίνω και προσθέστε τον με τον γνωστό τρόπο Σχεδίαση, Στοιχεία Σελίδας, Προσθήκη Gadget, Html/JavaScript.

<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i956.photobucket.com/albums/ae48/pankar61/bomb3.gif');
}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});

</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://i1029.photobucket.com/albums/y353/pantelakos/145rbq.png" /></a>
Κλείσε γρήγορα αυτό το κουτί, γιατί θα ανατιναχθεί</div>

Βεβαίως μπορείτε να αλλάξετε την εικόνα και το μήνυμα και να το προσαρμόσετε ανάλογα με τα δικά σας γούστα και ανάγκες. Αυτό ήταν όλο..! Πατήστε ΑΠΟΘΉΚΕΥΣΗ και τελειώσατε... ΠΡΟΣΟΧΉ όμως! Ίσως δεν λειτουργήσει στη σελίδα σας. Αν δείτε ότι δεν δουλεύει, βγάλτε το! Επειδή παραφορτώνουμε τη σελίδα μας με πολλά javascripts, αυτά κάπου συγκρούονται και δεν δίνουν το επιθυμητό αποτέλεσμα. Δεν χάνετε πάντως κάτι αν το δοκιμάσετε.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

0 Σχόλια:

Δημοσίευση σχολίου

Αρχική Σελίδα | Facebook Σελίδα | Γίνε Συντάκτης | Blogger Tricks | Δωρεάν Υλικό | Υπηρεσίες | Διαφήμιση | Αρχείο | Επικοινωνία | Όροι Χρήσης
Copyright iks-Team.com | Blogger Tips & Tricks. All rights reserved. Άδεια Creative Commons