Skip to main content

Posts

Showing posts from October, 2015

Css Photo gallery code :

<html> <head> <style type="text/css"> .gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid blue; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50; } </style> </head> <body> <div class="gallerycontainer"> <a class="thumbnail" href=&quo
Post a Comment
Read more

JAVASCRIPT COMPLETE TUTORIALS FOR BEGINNERS

(1)Variable example in javascript: <html>                 <head>                                 <script>                  var x = 10;                            var y = 20;                  var z=x+y;                  document.write(z);                  </script>  </head> <body> </body> </html> (2)Global variable example: <html>                 <head>                 <script>                  var data=200;//gloabal variable                  function a(){                  document.writeln(data);                  }                  function b(){                  document.writeln(data);                  }                  a();//calling JavaScript function                  b();                  </script>                 </head>                 <body>                 </body>                 </html> (3)simple array example:
1 comment
Read more