<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
<a class="thumbnail" href="#thumb"><img src="http://www.dynamicdrive.com/cssexamples/media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="http://www.dynamicdrive.com/cssexamples/media/tree.jpg" /><br />Simply beautiful.</span></a>
<a class="thumbnail" href="#thumb"><img src="http://www.dynamicdrive.com/cssexamples/media/ocean_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="http://www.dynamicdrive.com/cssexamples/media/ocean.jpg" /><br />So real, it's unreal. Or is it?</span></a>
分享到:
相关推荐
jquery鼠标移动放大图片
JavaScript鼠标移动放大图片特效。
本文实例讲述了Jquery实现鼠标移动放大图片功能的方法。分享给大家供大家参考。具体分析如下: 做毕业设计,老师看完小样后,嫌弃我购物车里商品图片太大,不美观,让美化个效果。上网查查代码,修改了一个简单版的...
JS脚本特效,实现鼠标移动放大图片,类似于一个图片放大镜。当移动鼠标时,会在右侧缩略图中生成一个边框以确定放大位置,然后随着你的鼠标移动左侧经放大的图像显示出来,看上去很逼真。
鼠标移动到图片上后,图片会呈波浪式不规则放大 请在支持CSS3浏览器下观看,最新版火狐效果最佳
原生js图片跟随鼠标移动点击放大图片3D展示 原生js图片跟随鼠标移动点击放大图片3D展示
鼠标滑过图片放大flash源文件,直接替换图片就可以做自己的图片放大flash动画
javaFX单独放大缩小图片和移动图片的很多,很难找到能缩放和移动一起实现的例子。由于项目的需要就自己写了个javaFX实现图片放大(以图片中心放大)、缩小、鼠标移动。(netbeans项目)
鼠标移动到图片的某个位置,图片局部放大!
C# 通过鼠标实现放大图片和移动图片,内附有源码和exe,实现鼠标滚轮放大和图片平移
这是一款效果非常炫酷的纯js随鼠标位置变化移动速度图片放大展示特效。该js特效插件会检测鼠标的位置,根据鼠标的不同位置,图片做相应的放大缩小和改变图片的移动速度。
C# 通过鼠标实现放大图片和移动图片完整实例代码,附有部分注释,100%正常运行,欢迎下载,O(∩_∩)O哈哈~
图片方格形排列方式,鼠标移动到单个图片上后,图片全屏显示
单独放大缩小图片和移动图片的很多,很难找到能缩放和移动一起实现的例子。由于项目的需要就自己写了个java实现图片放大(以视图中心放大)、缩小、移动、鼠标拖移。
jquery放大镜效果 鼠标移到图片放大 CloudZoom 宝贝详情图片放大查看
wpf通过鼠标滚轮控制图片缩放 通过鼠标来移动图片,也可以通过按钮来还原、放大、缩小、翻转图片,还有透明菜单栏,很有参考意义
当鼠标移动到图片上时,跟随鼠标显示放大显示的图片,具体效果情况截图,另附送源码,感兴趣的朋友可以学习下哈
仿百度图片放大效果(jQuery),鼠标移动到图片上自动放大,兼容主流浏览器
c# 实现版的类似于Window图片查看器的东西 功能有:鼠标滚轮放大 鼠标拖动图像 放大时以鼠标点击选择的点位中心放大 Esc键按界面大小显示等 如有问题请联系QQ:78499261