$(function() {

$("#chanping").mouseenter(function() {

$("#column").slideDown(500, function() {

$("#column").mouseenter(function() {

$("#column").show()

})

});

});

$("#column").mouseleave(function() {

$("#column").slideUp(500);

});

$("#chuanxing").mouseenter(function() {

$("#column2").slideDown(500);

});

$("#column").mouseleave(function() {

$("#column2").slideUp(500);

});

$("#scLeft").hover(function() {

$("#yishang1").animate({

width: "355px",

height: "245px",

})

},

function() {

$("#yishang1").animate({

width: "350px",

height: "240px",

})

});

$("#scCenter").hover(function() {

$("#yishang2").animate({

width: "355px",

height: "245px",

})

},

function() {

$("#yishang2").animate({

width: "350px",

height: "240px",

})

});

$("#scRinght").hover(function() {

$("#yishang3").animate({

width: "355px",

height: "245px",

})

},

function() {

$("#yishang3").animate({

width: "350px",

height: "240px",

})

});

$("#weixin2").hover(function() {

$("#wixin1").show();

$("#winxin3").attr('src', './images/weixin-icon01.png');

},

function() {

$("#wixin1").hide();

$("#winxin3").attr('src', './images/weixin-icon02.png');

})

$("#weibo2").hover(function() {

$("#wibo1").show();

$("#wibo3").attr('src', './images/weibo-icon01.png');

},

function() {

$("#wibo1").hide();

$("#wibo3").attr('src', './images/weibo-icon02.png');

})

$("#in2").hover(function() {

$("#in1").show();

$("#in3").attr('src', './images/yl.png');

},

function() {

$("#in1").hide();

$("#in3").attr('src', './images/yl2.png');

})

$('.a_1').mouseenter(function() {

$('.a_1').animate({

backgroundPositionY: -50,

})

}),

$(".a_1").mouseleave(function() {

$('.a_1').animate({

backgroundPositionY: 0,

})

})

$('.a_2').mouseenter(function() {

$('.a_2').animate({

backgroundPositionY: -190,

})

}),

$(".a_2").mouseleave(function() {

$('.a_2').animate({

backgroundPositionY: -130,

})

})

$('.a_3').mouseenter(function() {

$('.a_3').animate({

backgroundPositionY: -310,

})

}),

$(".a_3").mouseleave(function() {

$('.a_3').animate({

backgroundPositionY: -250,

})

})

$(".xianshi").mouseenter(function() {

$('#column_in1').show()

})

$(".xianshi").mouseleave(function() {

$('#column_in1').hide()

})

$(".chuangan").mouseenter(function() {

$('#column_in2').show()

})

$(".chuangan").mouseleave(function() {

$('#column_in2').hide()

})

$(".jiankang").mouseenter(function() {

$('#column_in3').show()

})

$(".jiankang").mouseleave(function() {

$('#column_in3').hide()

})

$(".fuwu").mouseenter(function() {

$('#column_in4').show()

})

$(".fuwu").mouseleave(function() {

$('#column_in4').hide()

})

});

仿京东BOE官网 jQuery代码的更多相关文章

  1. 仿京东BOE官网 html代码

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 仿京东BOE官网 JavaScript代码

    let items = document.getElementsByClassName('item'); let points = document.getElementsByClassName('p ...

  3. 仿京东BOE官网 css代码

    * { margin: 0; padding: 0; border: 0; list-style: none; } .box { width: 1518px; height: 1300px; marg ...

  4. 仿京东BOE官网图片链接

  5. 基于jQuery仿迅雷影音官网幻灯片特效

    分享一款基于jQuery仿迅雷影音官网幻灯片特效迅.雷影音官网jQuery幻灯片特效是一款带左右箭头,索引按钮切换的jQuery幻灯片代码.效果图如下: 在线预览   源码下载 实现的代码. html ...

  6. android 官网处理图片 代码

    /** * 获取压缩后的图片 (官网大图片加载对应代码) * * @param res * @param resId * @param reqWidth * 所需图片压缩尺寸最小宽度 * @param ...

  7. 官网jquery压缩版引用地址:

    3.1.1版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  8. 仿智能社官网:原生JS实现简单又酷炫的3D立方体时钟

    先放一下我做的效果:https://linrunzheng.github.io/3Dclock/3Dclock/new.html 至于3D立方体怎么做这里就不在阐述了,可以看一下我之前的博客. 这里默 ...

  9. Bootstrap--模仿官网写一个页面

    本文参考Bootstrap官方文档写了简单页面来熟悉Bootstrap的栅格系统.常用CSS样.Javascript插件和部分组件. 以下html代码可以直接复制本地运行: BootstrapPage ...

随机推荐

  1. .Net Core in Docker极简入门(下篇)

    Tips:本篇已加入系列文章阅读目录,可点击查看更多相关文章. 目录 前言 开始 Docker-Compose 代码修改 yml file up & down 镜像仓库 最后 前言 上一篇[. ...

  2. python入门神书!|python编程从入门到实践|内附网盘链接带提取码|

    点击此处进入网盘下载地址 提取码:o39n 全书共有20章,书中的简介如下: 本书旨在让你尽快学会 Python ,以便能够编写能正确运行的程序 —— 游戏.数据可视化和 Web 应用程序,同时掌握让 ...

  3. python小题目汇总

    1.编程计算两个日期之间的天数与周数 Python时间处理---dateutil模块: dateutil模块主要有两个函数,parser和rrule. 其中parser是根据字符串解析成datetim ...

  4. python基础day7_购物车实例

    print("欢迎光临") money = input("请输入您的金额:") shopping_car ={} li = [{"name" ...

  5. P3565 由简单的树形dp 引入 长链刨分

    这道题感觉不太行 因为自己没想出来. 先说一下暴力吧,取三个点 让两两之间的距离相等怎么做呢,看起来是很复杂的样子的,但是仔细观察发现 答案出自一个点的儿子之间 或者儿子和父亲之间. 暴力枚举三个点然 ...

  6. bzoj 3436小K的农场

    3436: 小K的农场 Time Limit: 10 Sec Memory Limit: 128 MB Submit: 2327 Solved: 1105 [Submit][Status][Discu ...

  7. vue做多行滚动广告牌

    利用vue可以很方便的做滚动广告屏,结合前端和vue,废话不多说,直接上代码 1.前端 <div class="notice"> <div class=" ...

  8. 如何让img自动适应div容器大小

    IMG样式 (横向拉伸,纵向自动匹配大小) width:100%; height:auto; (纵向拉伸,横向自动匹配大小) width:auto; height:100%; DIV样式(元素居中显示 ...

  9. windows:shellcode 远程线程hook/注入(四)

    https://www.cnblogs.com/theseventhson/p/13236421.html  这里介绍了利用回调函数执行shellcode的基本原理:这里介绍另外一种利用回调执行she ...

  10. log4net用法实例

    内容转载自:https://www.cnblogs.com/youring2/archive/2011/04/27/2030424.html 1.引用log4net.dll 2.在AssemblyIn ...