<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function
</script>
</head>
<body id="myid" title="mytitle">
<select title="这是提示">
<option title="abc">1</option>
</select>
<script Language="JavaScript">
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=5000;//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;
</script>
</body>
</html>
分享到：
相关推荐
在本例中使用的`FILTER`属性实际上是非标准的IE专有属性，但在现代浏览器中可以使用`filter`属性替代，例如： ```css .filter-effect { filter: flipH; /* 或者使用 transform: scale(-1, 1); 实现水平翻转 */ } `...
图像通过`<img>`标签插入，并通过`src`属性指定路径，`alt`属性提供替代文本。`<table>`标签用于创建表格，`<tr>`定义行，`<td>`定义单元格，`<th>`定义表头。`<a>`标签用于创建超级链接，`href`属性定义链接目标。 ...
1、创建一个 div 标记 ，增加属性 ，设置 align 属性的值为 center ，设置 id 属性的值为 container，设置 title 属性的值为 这是一个div <div align="center" id="container" title="这是一个div"> 四大标准...
- `<TITLE>`：定义了文档的标题，显示在浏览器的标题栏上。 2. **排版标记**： - `<!--注解-->`：是HTML的注释标记，用于添加对代码的解释，不显示在页面上。 - `<P>`：创建一个段落，每个段落之间会有默认的...
- `<noframes>`: 在不支持框架的浏览器中显示替代内容。 6. **标题标签：** - `<h1>-<h6>`: 从一级到六级的标题，用于文档标题层次结构。 7. **其他标签：** - `<b>`: 加粗文本。 - `<big>`: 增大字体大小。 ...
- 增加更多的标记来替代脚本。 - HTML5应当跨设备兼容。 - 开发过程需保持透明度。 **1.3 新特性** HTML5引入了一系列新特性，包括但不限于以下几点： - **Canvas元素**：用于网页中的绘图功能。 - **Video和...
`<img>`标签用于插入图像，其`src`属性指定图片源，`alt`属性提供替代文本，当图片无法显示时，用户仍能理解图片内容。`width`和`height`属性可设置图像尺寸。 【HTML表格元素】 `<table>`元素用于创建表格，`<tr>...
- `<title>`：定义文档的标题，显示在浏览器标签页上。 - `<body>`：文档的主要内容区，用户在浏览器中看到的所有内容都放在这里。 2. **排版标记**： - `<!-- 注释 -->`：用于添加注释，不会在页面上显示。 - ...
`<BGSOUND>`和`<EMBED>`处理多媒体，`<MARQUEE>`（仅限IE）创建滚动文本，`<BLINK>`（非标准）使文本闪烁，`<ISINDEX>`（非标准）创建页面内的搜索字段，`<META>`提供元数据，`<LINK>`定义文档之间的关系。...
标签则用于插入图片，需要指定图片的源文件（src属性）和替代文本（alt属性），后者对于可访问性非常重要。 【HTML表格】 HTML的标签用于创建表格，包括行（）、列（或）。用于表头，则用于普通单元格。定义表格的...
向系统分区写入新的主引导记录可能破坏分区表并导致分区无法访问。 format 将指定的驱动器格式化为指定的文件系统。含有下列参数的 format 命令仅在使用故障恢复控制台时才可用。可在命令提示符下使用带有不同...