suchen

Heim >Web-Frontend >js-Tutorial >jQuery实现图片放大预览实现原理及代码_jquery

jQuery实现图片放大预览实现原理及代码_jquery

WBOY
WBOYOriginal
2016-05-16 17:22:411434Durchsuche

对于一些比较小的图片，通过鼠标移动到图片上进行放大显示，原理很简单，就是将图片显示的尺寸变大后放在浏览器的一个指定位置，从而实现图片的放大预览。以下是代码：

复制代码 代码如下:





jQuery图片预览














初始页面：
jQuery实现图片放大预览实现原理及代码_jquery 
鼠标放到第三个图片的效果：
jQuery实现图片放大预览实现原理及代码_jquery
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：javascript仿php的print_r函数输出json数据_javascript技巧Nächster Artikel：自动设置iframe大小的jQuery代码_jquery

In Verbindung stehende Artikel

Mehr sehen