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

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

分类:制作    标签:    浏览[5541]    评论[19]

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;

效果如下图:

未经过时:

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

经过之后:

 

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

 

 

上一篇:无   下一篇:无

返回上一级

评论 [发评论]
钯碳 2018-02-01 09:07:59

铂碳回收
铂碳回收
钯碳回收
钯碳回收
小叶紫檀
小叶紫檀

手术床 2018-01-28 12:53:37

上海手術床生產廠家比較好的有哪些?手术床可咨詢上海普弗沃的孔經理:13671906567 上海手術臺生產廠家比較好的有哪些?手术台可咨詢上海普弗沃的孔經理:13671906567 上海手術燈生產廠家比較好的有哪些?手术灯可咨詢上海普弗沃的孔經理:13671906567 上海手術無影燈生產廠家比較好的有哪些?手术无影灯可咨詢上海普弗沃的孔經理:13671906567 上海電動手術床生產廠家比較好的有哪些?电动手术床可咨詢上海普弗沃的孔經理:13671906567 上海電動手術臺生產廠家比較好的有哪些?电动手术台可咨詢上海普弗沃的孔經理:13671906567 上海醫用手術臺生產廠家比較好的有哪些?医用手术台可咨詢上海普弗沃的孔經理:13671906567 上海LED手術無影燈生產廠家比較好的有哪些?LED手术无影灯可咨詢上海普弗沃的孔經理:13671906567 上海醫用手術燈生產廠家比較好的有哪些?医用手术灯可咨詢上海普弗沃的孔經理:13671906567 上海醫用手術床生產廠家比較好的有哪些?医用手术床可咨詢上海普弗沃的孔經理:13671906567 上海無影燈生產廠家比較好的有哪些?无影灯可咨詢上海普弗沃的孔經理:13671906567 上海無影燈生產廠家比較好的有哪些?LED无影灯可咨詢上海普弗沃的孔經理:13671906567 上海液壓手術臺生產廠家比較好的有哪些?液压手术台可咨詢上海普弗沃的孔經理:13671906567 上海機械手術臺生產廠家比較好的有哪些?机械手术台可咨詢上海普弗沃的孔經理:13671906567 上海醫用無影燈生產廠家比較好的有哪些?医用无影灯可咨詢上海普弗沃的孔經理:13671906567 上海多功能手術臺生產廠家比較好的有哪些?多功能手术台可咨詢上海普弗沃的孔經理:13671906567 上海多功能手術床生產廠家比較好的有哪些?多功能手术床可咨詢上海普弗沃的孔經理:13671906567 上海電動吊塔生產廠家比較好的有哪些?电动吊塔可咨詢上海普弗沃的孔經理:13671906567 上海電動病床生產廠家比較好的有哪些?电动病床可咨詢上海普弗沃的孔經理:13671906567 上海醫用吊塔生產廠家比較好的有哪些?医用吊塔可咨詢上海普弗沃的孔經理:13671906567 上海醫用病床生產廠家比較好的有哪些?上海医用病床可咨詢上海普弗沃的孔經理:13671906567 上海電動吊塔生產廠家比較好的有哪些?电动吊塔可咨詢上海普弗沃的孔經理:13671906567 operating Shadowless lamp operating lamp led operating lamp led operating lampoperating Shadowless lamp operating lamp Shadowless operating lamp Shadowless operating lampoperating lamp medical operating lamp medical operating lamp medical operating shadowless lamp medical operating shadowless lamp medical shadowless operating lamp medical shadowless operating lamp medical shadowless lamp medical shadowless lampshadowless lamp shadowless lamp led shadowless lamp led shadowless lamp operating shadowless lamp operating shadowless lamp medical operating shadowless lamp medical operating shadowless lamp operating table Electric operating tableModerate gynecology operating table gynecology operating table Hydraulic gynecology table Hydraulic gynecology table hydraulic operation table hydraulic operation table medical electric operating table medical electric operating table operating table operating tableoperating table medical bed operating table medical cabinet operating Shadowless lamp operating lamp operating table Shadowless operating lamp operating table operating Shadowless lamp operating table led operating lamp operating table medical operating lamp operating table led shadowless operating lamp

手术床 2018-01-28 12:53:21

上海手術床生產廠家比較好的有哪些?手术床可咨詢上海普弗沃的孔經理:13671906567 上海手術臺生產廠家比較好的有哪些?手术台可咨詢上海普弗沃的孔經理:13671906567 上海手術燈生產廠家比較好的有哪些?手术灯可咨詢上海普弗沃的孔經理:13671906567 上海手術無影燈生產廠家比較好的有哪些?手术无影灯可咨詢上海普弗沃的孔經理:13671906567 上海電動手術床生產廠家比較好的有哪些?电动手术床可咨詢上海普弗沃的孔經理:13671906567 上海電動手術臺生產廠家比較好的有哪些?电动手术台可咨詢上海普弗沃的孔經理:13671906567 上海醫用手術臺生產廠家比較好的有哪些?医用手术台可咨詢上海普弗沃的孔經理:13671906567 上海LED手術無影燈生產廠家比較好的有哪些?LED手术无影灯可咨詢上海普弗沃的孔經理:13671906567 上海醫用手術燈生產廠家比較好的有哪些?医用手术灯可咨詢上海普弗沃的孔經理:13671906567 上海醫用手術床生產廠家比較好的有哪些?医用手术床可咨詢上海普弗沃的孔經理:13671906567 上海無影燈生產廠家比較好的有哪些?无影灯可咨詢上海普弗沃的孔經理:13671906567 上海無影燈生產廠家比較好的有哪些?LED无影灯可咨詢上海普弗沃的孔經理:13671906567 上海液壓手術臺生產廠家比較好的有哪些?液压手术台可咨詢上海普弗沃的孔經理:13671906567 上海機械手術臺生產廠家比較好的有哪些?机械手术台可咨詢上海普弗沃的孔經理:13671906567 上海醫用無影燈生產廠家比較好的有哪些?医用无影灯可咨詢上海普弗沃的孔經理:13671906567 上海多功能手術臺生產廠家比較好的有哪些?多功能手术台可咨詢上海普弗沃的孔經理:13671906567 上海多功能手術床生產廠家比較好的有哪些?多功能手术床可咨詢上海普弗沃的孔經理:13671906567 上海電動吊塔生產廠家比較好的有哪些?电动吊塔可咨詢上海普弗沃的孔經理:13671906567 上海電動病床生產廠家比較好的有哪些?电动病床可咨詢上海普弗沃的孔經理:13671906567 上海醫用吊塔生產廠家比較好的有哪些?医用吊塔可咨詢上海普弗沃的孔經理:13671906567 上海醫用病床生產廠家比較好的有哪些?上海医用病床可咨詢上海普弗沃的孔經理:13671906567 上海電動吊塔生產廠家比較好的有哪些?电动吊塔可咨詢上海普弗沃的孔經理:13671906567 operating Shadowless lamp operating lamp led operating lamp led operating lampoperating Shadowless lamp operating lamp Shadowless operating lamp Shadowless operating lampoperating lamp medical operating lamp medical operating lamp medical operating shadowless lamp medical operating shadowless lamp medical shadowless operating lamp medical shadowless operating lamp medical shadowless lamp medical shadowless lampshadowless lamp shadowless lamp led shadowless lamp led shadowless lamp operating shadowless lamp operating shadowless lamp medical operating shadowless lamp medical operating shadowless lamp operating table Electric operating tableModerate gynecology operating table gynecology operating table Hydraulic gynecology table Hydraulic gynecology table hydraulic operation table hydraulic operation table medical electric operating table medical electric operating table operating table operating tableoperating table medical bed operating table medical cabinet operating Shadowless lamp operating lamp operating table Shadowless operating lamp operating table operating Shadowless lamp operating table led operating lamp operating table medical operating lamp operating table led shadowless operating lamp

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

更多我们的作品

qq客服在线客服