PHPJavascript

Web Development Guide – My Personal Library of Tutorials and Scripts

Javascript mouseover attractive new window script

October28

Mouseover on a thumbnail image and open a new window with maximized image.

Demo

Click here to view the demo.

Code

Type the following in the <head></head>

<script language="javascript" src="image.js"></script>
<link rel="stylesheet" href="image.css" type="text/css" />

Type the following in the <body></body>

<div style="position: absolute; z-index: 90; top: 36px; display: none; left: -500px;" id="preview_div"></div>
<a href="http://templaterover.com/enhanced-flash-templates/5210.html" target="_blank"><img src="207s.jpg" width="158" height="123" border="0"
onMouseOver="showtrail('207l.jpg','Template Ref: #5210',1)" onMouseOut="hidetrail()"/></a>

Download the javascript files and html file from top of the webpage

posted under Javascript

Email will not be published

Website example

Your Comment:

 

3,055 spam comments
blocked by
Akismet