jquery滚动放大效果如何实现啊。如图效果
发布网友
发布时间:2023-07-07 19:27
我来回答
共1个回答
热心网友
时间:2024-12-05 18:22
jquery点击图片显示原图效果。
具体点击后效果如下图。
实现这种效果多种插件,fancybox和lightbox等,fancybox效果更多一些
我fancybox官网太卡了,本文附件是lightbox例子
使用过程中主要步骤
<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/jquery.lightbox-0.5.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/jquery.lightbox-0.5.css” media=”screen” />
<script type=”text/javascript”>
$(function() {
$(‘#gallery a’).lightBox();
});
</script>
<div id=”gallery”>
<ul>
<li>
<a href=”photos/image1.jpg” title=”11″>
<img src=”photos/thumb_image1.jpg” width=”72″ height=”72″ alt=”" />
</a>
</li>
<ul>
</div>
以上步骤缺一不可.