jquery 경 동상 점,범 객 상점 의 사진 확대 효과 실현

2821 단어 jquery사진 확대
효 과 는 다음 과 같다.우리 의 시연 을 보 자."실행 코드"후 한 번 새로 고침:JQzoom Demo $(function() { $(".jqzoom").jqzoom(); }); [Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]이러한 효 과 를 실현 하려 면,이러한 효과 가 필요 한 페이지 의 영역 에 만 가입 하 십시오:

<link rel="stylesheet" type="text/css" href="css/jqzoom.css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function() {
var option =
{
zoomWidth:350,
zoomHeight:260,
lens:true,
xOffset:20,
yOffset:-1,
positon:"left",
title:false
}
$(".jqzoom").jqzoom(option);
});
</script>
이 효 과 를 사용 해 야 하 는 그림:

<a href="upload/bimg/2.jpg" class="jqzoom" title=" "><img src="upload/simg/2.jpg" /></a>
class="jqzoom"이 관건 입 니 다.그리고 그 속성 설정 은 다음 과 같 습 니 다.원 글 을 직접 볼 수 있 습 니 다.http://www.mind-projects.it/projects/jqzoom/index.php#examples작가 가 심혈 을 기울 여 준비 한 예 를 보 실 수 있 습 니 다.http://www.mind-projects.it/projects/jqzoom/demos.php#demo1패키지 다운로드 주소

좋은 웹페이지 즐겨찾기