1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 | <![CDATA[ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script language="JavaScript" type="text/javascript"> /* Create a new XMLHttpRequest object to talk to the Web server */ var request = false; /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { request = false; } } @end @*/ if (!request && typeof XMLHttpRequest != 'undefined') { request = new XMLHttpRequest(); } function getImageDetails() { var url = "lookupImage.php?image=" + escape(getImageName(this.src)); request.open("GET", url, true); request.onreadystatechange = showImageDetails; request.send(null); } function showImageDetails() { if (request.readyState == 4) { if (request.status == 200) { var response = request.responseText; var splitResponse = response.split('|'); var title = splitResponse[1]; var date = splitResponse[2]; var description = splitResponse[3]; var titleElement = document.getElementById("info-title"); var dateElement = document.getElementById("info-date"); var descriptionElement = document.getElementById("info-text"); replaceText(titleElement, title); replaceText(dateElement, date); replaceText(descriptionElement, description); } } } <!-- and so on... there's a LOT more JavaScript here --> </script><title>Hoverbox Image Gallery</title> <style type="text/css"> * { border: 0; margin: 0; padding: 0; } /* =Basic HTML, Non-essential ----------------------------------------------------------------------*/ a { text-decoration: none; } body { background: #fff; color: #777; padding: 50px; } #page { position: relative; } #images { float: left; width: 400px; } #details { color: #000; } h1 { background: inherit; border-bottom: 1px dashed #ccc; color: #933; font: 32px Georgia, serif; font-weight: bold; margin: 0 0 20px; padding: 0 0 15px; text-align: center; } <!-- and so on... there's even more CSS that would follow --> </style></head> ]]> |
1 2 3 4 5 6 7 8 9 10 | <!CDATA[ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8" />]]><b> <script language="JavaScript" src="hoverbox-ajax.js"> </script></b> <!CDATA[<title>Hoverbox Image Gallery</title>]]><b> <link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection" /> <!--[if IE]><link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection" /></b><!CDATA[<!endif]--></head> ]]> |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |