老哥你这图看的眼睛都要瞎了 我不清楚你想表达的小边框是什么，是说鼠标放上去出现的标签还是说在图片周围出现边框如果你想要在鼠标移入图片时出现一个小框里面显示图片信息的话，使用alt属性举例此时鼠标移入img中会显示小框，内容是aaa如果你想要图片显示外框，建议在image标签外嵌套一层Div；这个不需要插件使用css就能实现将你要显示的文字使用一个div放进去，把这个div的显示visible属性默认为隐藏hidden，利用css的hover属性，当鼠标移动到图片上时，把之前被隐藏的div显示出来就行了具体的div的位置，背景颜色，字体什么的，都可以通过css来控制。

代码有bug，修改后如下需要注意，拷贝下面这段代码，保存为 html后缀名的文件需要自己在相同的目录下，放置两张图片，小图片jpg 大图片jpg 效果如下图当鼠标悬停在小图片上面的时候，会显示大图片鼠标移出，隐藏大图片问题定位需要读者自己去实现一下吧，偷懒了感谢楼上分享！lt！docty；在图像元素上添加标签，并设置alt属性，例如alt=quot你好quot这样，当用户将鼠标悬停在该图片上时，浏览器会显示你好这个提示信息例如，可以这样写HTML代码当用户移动鼠标到此图片上方时，浏览器会弹出一个提示框，显示你好使用alt属性的好处不仅在于提供鼠标悬停时的提示，还有利于搜索引擎优化和屏幕阅读器。

6刷新页面，可以看到现在页面上是正常显示的图片7当我们把鼠标放上去时，就显示了遮罩层了方法二鼠标移动至图片，图片慢慢放大显示遮罩层及文字 1创建外层div和商品图片2设置其样式，这里都是一些基本简单的属性*里面的margin和padding都设置为0，是因为浏览器对元素之间有默认的属性；最后把图片绑定到a标记就可以了lta href=quotlt%#DataBinderEvalContainerDataItem，quotimageBigUrlquot %quot class=quottooltipquot 大图片提示 ltaspImageButton ID=quotimage1quot runat=quotserverquot ImageUrl=#39lt%#DataBinderEvalContainerDataItem，quotimageSmallUrlquot %#39 Width=quot50pxquot Height=quot50pxquot。

flash 把图片转换成按钮元件，再进入到按钮里，在“指针经过”这帧里放入你要的动画效果。

* 设置hover伪类，当鼠标悬停在图片上时显示播放图标 * imagewrapperhover playicon display block * 鼠标悬停时显示图标 * ```请注意，此案例假设您已经有一个包含#39imagewrapper#39类的HTML元素，并且有一个名为#39playiconpng#39的播放图标图片您需要将#39playiconpng#39；这个是img的title属性，去掉就没有了，另外alt属性是当你的图片没办法显示的时候，就显示alt里面的内容，所以，最好还是设置一下为好，就描述一下这张图就行了。

quots1quotstyledisplay=quotquot 要是想弹出文字介绍 把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示；1启动Dreamweaver cs4，点击“插入”中的“图像”，如图2选择要插入的图片，按“确定”按钮，如图3切换到代码模式，在img标签后面加下代码title=quot可爱的小猫咪”，如图4打开网页进行浏览，这时鼠标移到图片上方时就会出现“可爱的小猫咪”文字，如图。

首先在页面上把这个下面的方框实现出来，就举例是一个div，然后css中做一个类或者类似的办法，例如jquery里面的show和hide方法，这样在js中在写一个事件，当鼠标放到上面小的区域里面的时候，就触发，让css的display属性显示，鼠标移出的时候在恢复回去；文字不清楚，我们加上背景和字体颜色，并适当的设置一下透明给imgtip添加如下代码3 鼠标悬浮特效现在静态效果已经完成了，接下来，加一下鼠标悬浮出现文本的效果，现在imgtip添加如下代码，让文本默认隐藏再加上鼠标悬停在图片上，显示文本的代码代码总汇HTML 我是雪豹 CSS imggroup。

判断鼠标是否位于窗口上 if rectLeft = ptX rectTop = ptY 显示图片提示 ShowThumbnailhWnd baseWndProcref m 5 实现ShowThumbnail方法，用于显示窗口的缩略图private void ShowThumbnailIntPtr hWnd 获取窗口的缩略图 using Bitmap thumbnail =。

1打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img2在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复并且给img的类设置“hover”伪类，设置伪类内的透明度为063打开浏览器，在浏览器内查看效果4将鼠标移入图片，就会发现图片已经变亮了；FindPic 424，204，899，496，quotC\Program Files\按键精灵9\QMScript\1bmpquot，09，intX，intY If intX 0 And intY 0 Then Moveto intX，intY Else。

添加图片title属性就可以再设计窗口选中图片，在点代码窗口在图片img后面加上 title=quot显示的字quot 就可以了；步骤如下1启动Dreamweaver，ctrl+n新建html文档2点击插入菜单图像命令，插入一个图片到设计视图3点击插入的图标，属性面板左下角点击热点工具，这里选择矩形热点工具4在图像上拖动得到热点区域5点击底部map#map标签，点击代码6在map标签加入title属性，其属性值为说明文字7按。