Wenn die Maus über das Bild gleitet, wird das große Bild der Vorschau angezeigt, und es gibt einen einführenden Text unter dem großen Bild.
Die Codekopie lautet wie folgt:
< %@ Page Language = "C#" AutoEventwireUp = "True" CodeFile = "Bild -Eingabeaufforderung -Effekt.aspx.cs" inherits = "Bildumforderungswirkung" %>
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/>
<title> </title>
<style type = "text/css">
.aa {
Breite: 88px;
Höhe: 100px;
}
</style>
<script type = "text/javaScript" src = "scripts/jQuery-1.7.1.js"> </script>
<script type = "text/javaScript">
$ (function () {
var x = 10;
var y = 20;
$ ("a.tooltip"). Mouseover (Funktion (e) {
this.mytitle = this.titel;
this.title = "";
var imgtitle = this.mytitle?
var > Elemente
$ ("Körper"). Anhängen (Tooltip);
$ ("#tooltip")
.css ({{
"Top": (e.Pagey + y) + "px",
"links": (e.Pagex + x) + "px"
}). Show ("Fast");
}). Mouseout (function () {
this.title = this.mytitle;
$ ("#tooltip"). REMET ();
}). Mousemove (Funktion (e) {
$ ("#tooltip")
.css ({{
"Top": (e.Pagey + y) + "px",
"links": (e.Pagex + x) + "px"
});
});
})
</script>
</head>
<body>
<Form ID = "Form1" Runat = "Server">
<div>
<a href = "Image/4.jpg" class = "tooltip" title = "schuh"> <img src = "image/4.jpg"/> </a>
<a href = "Image/5.jpg" class = "tooltip" title = "Gloves"> <img Src = "Image/5.jpg"/> </a>
<a href = "Image/6.jpg" class = "tooltip" title = "srock"> <img src = "image/6.jpg"/> </a>
<a href = "Image/7.jpg" class = "tooltip" title = "bag"> <img src = "image/7.jpg"/> </a>
</div>
</form>
</body>
</html>