在本例中，知识点包括JavaScript函数编写与使用、JavaScript事件处理、以及CSS样式的应用。下面详细说明以上知识点：
### 1. JavaScript函数编写与使用
在提供的内容中，定义了两个JavaScript函数：`over` 和 `out`。这两个函数分别用于实现鼠标悬浮时显示大图和鼠标移开时隐藏大图的功能。
#### 1.1 显示图片函数over
`over`函数接收三个参数：`imgid`（被鼠标悬浮图片的ID），`obj`（用于显示的图片元素），`imgbig`（用于显示大图的图片元素）。函数中的步骤如下：
- 设置大图显示的最大尺寸，宽为400像素，高为300像素。
- 通过`obj.style.display=""`使得大图显示。
- 将大图的`src`属性设置为小图的`src`，从而实现小图点击或悬浮时显示大图。
- 进行图片尺寸判断，以确保大图不超过设定的最大宽度和高度。首先判断宽度和高度是否都超过了最大值，如果是，则比较它们超出的差值，取差值大的那一边作为最大尺寸限制。
- 如果只有宽度超过，设置宽度为400像素。
- 如果只有高度超过，设置高度为300像素。
- 如果宽度和高度都没有超过，按照实际图片尺寸显示。
#### 1.2 隐藏图片函数out
`out`函数用于隐藏大图，实现鼠标移开时图片消失的效果。函数中通过改变大图容器的`display`属性为`none`来隐藏图片。
### 2. JavaScript事件处理
在提供的内容中，使用了HTML的`onmouseover`和`onmouseout`事件来触发JavaScript函数。
#### 2.1 onmouseover事件
`onmouseover`事件设置在`img`小图上，当鼠标悬浮于小图上时触发。它调用了`over`函数，并传入了三个参数：小图的ID、用于显示大图的容器`div`、以及大图的`img`元素。
```html
<img id="img" src="你的图片地址" onmouseover="over(img,divImage,imgbig);" onmouseout="out()" width="100" alt="" height="100"/>
```
#### 2.2 onmouseout事件
`onmouseout`事件同样设置在`img`小图上，用于鼠标移出小图时触发。它调用了`out`函数，没有传入参数，因为`out`函数中直接通过`document.getElementById('divImage')`来获取大图容器并设置其`display`为`none`。
```html
<img id="img" src="你的图片地址" onmouseover="over(img,divImage,imgbig);" onmouseout="out()" width="100" alt="" height="100"/>
```
### 3. CSS样式的应用
在HTML内容中，为了能够正确显示大图，使用了CSS样式来设置大图容器`div`的显示位置和状态。容器`div`的样式如下：
```css
<div id="divImage" style="display:none; left:120px; top:5px; position:absolute">
<img id="imgbig" src="~/Images/noImage.gif" alt="预览"/>
</div>
```
- `display:none;`使容器在未触发`over`函数之前不显示任何内容。
- `position:absolute;`使`div`绝对定位，便于放置在页面的任意位置。
- `left`和`top`属性确定了大图显示的具体位置，确保大图正确显示在小图之上。
### 结论
通过上述分析，可以得知本例主要围绕JavaScript编写两个核心函数`over`和`out`，并通过HTML的`onmouseover`和`onmouseout`事件触发这两个函数。同时，利用CSS的定位和隐藏属性来控制大图的显示和隐藏。这种实现方式能够让用户在网页上通过鼠标悬浮小图来预览对应的大图，提升了用户体验。需要注意的是，实际应用中应确保`imgbig`的图片路径正确，否则大图无法显示。此外，考虑到兼容性和性能，还应进行相应的浏览器测试。
