首页 > 最新动态 > 内力博客

鼠标经过图片放大效果的网站制作案例

分类:制作    标签:    浏览[4358]    评论[1]

02月05日
2015年

显示的效果是鼠标经过a标签,对应的图片会放大效果(从中心位置放大)。

“js部分:
        var zoom = 1.03;
        var width = $(this).find(".move_img").find("img").width();
        var height = $(this).find(".move_img").find("img").height();
        var z_width = width * zoom;
        var z_height = height * zoom;
        $(".big_kuai a").hover(function () {
            $(this).find(".move_img").find("img").animate({
                width: z_width,
                height: z_height,
                marginTop: "-9px",
                marginLeft: "-9px"
            }, 1000);
        }, function () {
            $(this).find(".move_img").find("img").animate({
                width: width,
                height: height,
                marginTop: "0px",
                marginLeft: "0px"
            }, 1000);

        });”

思想如上,css和html可以自己写,不过包含图片的那个div要设置固定的宽度和高度,并且设置属性:overflow:hidden;

效果如下图:

未经过时:

上海网站制作公司 上海虹口区网站建设公司 上海杨浦区网站建设公司 上海宝山区网站设计公司

经过之后:

 

上海闵行区网站制作公司 上海静安区网站制作公司 上海虹口区网站制作公司 上海宝山区网站制作公司

 

 

上一篇:无   下一篇:无

返回上一级

评论 [发评论]
dd 2017-09-06 14:04:03

mt0906

supreme uk

louboutin shoes

ralph lauren uk

cat boots

pandora charms

supreme

coach handbags

nike outlet store

christian louboutin outlet

adidas outlet

burberry sale

michael kors outlet

ray ban sunglasses discount

nike outlet

birkenstock shoes

cheap nfl jerseys

rayban

christian louboutin

longchamp handbags

ralph lauren uk

moncler outlet

cheap ray ban sunglasses

coach factory outlet

tory burch outlet store

cheap oakley sunglasses

gucci outlet

coach factory outlet online

moncler jackets outlet

coach factory outlet

michael kors outlet

adidas yeezy boost

coach outlet

adidas nmd

nike outlet online

ralph lauren outlet

discount ray ban sunglasses

michael kors canada

north face outlet online

michael kors factory outlet

canada goose sale

fitflops sale

cheap ugg boots

cheap jordans free shipping

coach factory outlet

pandora outlet

coach factory outlet

cheap uggs

yeezy boost 350

canada goose outlet

polo ralph lauren

coach outlet

superdry

pandora charms

ugg outlet

louboutin shoes

christian louboutin outlet

ugg outlet store

cheap ugg boots

coach outlet

coach factory outlet

toms shoes outlet

pandora jewelry

red bottom shoes

toms outlet

coach factory outlet

coach outlet

mulberry outlet

michael kors handbags

red bottoms

north face outlet

longchamp handbags

burberry handbags

birkenstock sandals

uggs canada

pandora outlet

mlb jerseys cheap

pandora jewelry

mlb jerseys wholesale

michael kors outlet

michael kors uk

jordan retro

nike shoes

nfl jerseys wholesale

nike store

ralph lauren sale clearance

adidas shoes

uggs

longchamp uk

michael kors outlet

coach outlet store

oakley sunglasses

adidas nmd

ugg sale

yeezy 350 boost

nmd adidas

cheap oakley sunglasses

coach factory outlet

adidas yeezy

canada goose outlet

superdry uk

beats by dr dre

hermes handbags

birkenstock sandals

longchamp bags

coach outlet

ray ban sunglasses

ugg outlet store

pandora charms sale clearance

cheap jordans

canada goose jackets

ray ban sunglasses

canada goose

adidas yeezy

discount oakley sunglasses

ultra boost

canada goose sale

valentino shoes outlet

coach outlet

coach outlet

jordan retro 11

polo ralph lauren outlet

ugg boots canada

moncler

michael kors outlet online

birkenstock sandals

ralph lauren uk

michael kors outlet

moncler jackets

ugg outlet

cheap mlb jerseys

tory burch outlet

ugg outlet

coach outlet store

coach outlet

ralph lauren outlet

pandora charms uk

kate spade handbag

ugg boots

ugg outlet

yeezy boost

pandora charms

polo ralph lauren

louboutin shoes

michael kors handbags

louis vuitton outlet

birkenstocks

canada goose uk

cheap jordans

ugg boots

ugg boots

air max 2018

louis vuitton outlet store

jordan shoes

cheap ray bans

coach outlet store

harden vol 1

ugg outlet

coach outlet online

james harden shoes

ralph lauren sale clearance

ralph lauren outlet

ugg outlet store

michael kors canada

adidas superstar

longchamp uk

ralph lauren outlet

kate spade outlet store

nike shoes for men

coach outlet

ray ban sunglasses

yeezy boost

christian louboutin

nike cortez

kate spade outlet

pandora charms

pandora outlet

coach canada

valentino shoes

kate spade handbags

polo ralph lauren outlet online

nike air max

adidas shoes

adidas shoes

michael kors outlet

ugg boots on sale

toms shoes outlet

cheap nfl jerseys

coach factory outlet

ugg boots

ray ban sunglasses

coach outlet

louis vuitton outlet

ugg boots

louis vuitton factory outlet

coach outlet

ralph lauren outlet

birkenstock outlet

doudoune moncler

ugg boots on sale

coach outlet

oakley sunglasses

coach outlet

toms shoes

nike shoes

ray ban sunglasses

canada goose sale

polo ralph lauren

christian louboutin outlet

beats by dre

christian louboutin

nmd adidas

ugg ustralia

pandora jewelry

mulberry uk

coach factory outlet

coach outlet store online clearances

adidas yeezy

cheap uggs

ralph lauren sale clearance

burberry outlet canada

pandora jewelry

uggs on sale

canada goose outlet

canada goose outlet

kate spade bags

michael kors outlet clearance

ralph lauren uk

ralph lauren outlet online

moncler outlet

ugg boots for women

red bottoms shoes

oakley sunglasses

ugg outlet

air jordans

canada goose jackets

nike huarache

fitflops

coach outlet

nike outlet

ugg sandals

pandora

canada goose outlet

polo ralph lauren

kate spade outlet

adidas outlet

mulberry bags

cheap mlb jerseys

coach outlet

kate spade

yeezy boost

canada goose outlet

oakley sunglasses

hermes birkin

mulberry handbags

yeezy boost 350

pandora jewelry

coach factory outlet

coach outlet

pandora jewelry

cheap uggs

ugg boots

coach factory outlet

michael kors handbags

coach outlet

ralph lauren outlet

coach factory outlet

coach bags

ray ban sunglasses discount

canada goose jackets

ugg slippers

coach outlet store

moncler outlet

christian louboutin outlet

cheap nfl jerseys wholesale

burberry sale

nmd shoes

coach outlet

timberland outlet

toms shoes

hermes handbags

ralph lauren outlet

mbt shoes

ugg australia

michael kors handbags

coach outlet store

cheap jordans

moncler outlet

cheap mlb jerseys

hermes handbags

pandora uk

adidas yeezy boost

ugg outlet

pandora charms sale

cheap ray ban sunglasses

 
首页 上一页 1 下一页 尾页 共 1 条记录
昵    称:
验证码: 看不清,换一张
以上网友发言只代表其个人观点,不代表内力互动的观点或立场。

更多我们的作品

qq客服在线客服