仿京东BOE官网 jQuery代码
$(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()
})
});
最新文章
- HSF和Dubbo有什么区别
- vijos 1512
- 《Linux内核分析》第二周 操作系统是如何工作的?
- Django1.9开发博客(8)- 继续完善
- dedecms如何自定义专题模板
- 数据库获取前N条记录SQL Server与SQLite的区别
- Sass混合宏、继承、占位符
- 百度ueditor 上传图片后如何设置样式
- firefox必备扩展
- linux下不重启加硬盘
- TP3.2二级导航与高亮显示
- Java面试系列之HashMap大扫盲汇总
- HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果
- Expm 4_1 多段图中的最短路径问题
- ubuntu14.04安装telnet
- java并发:AQS的简单理解
- Redis(四)持久化
- 创建数据模型(View Models )和监控属性(Observables)
- bzoj 1015 维护连通块个数,离线并查集
- Timer Schedule参数说明
热门文章
- Day05_企业权限管理(SSM整合)
- PHP array_walk_recursive() 函数
- C/C++编程笔记:一张思维导图,带你总结C语言全部知识点!
- bzoj 3790 神奇项链 回文串 manacher|PAM
- Spark Streaming高吞吐、高可靠的一些优化
- Linux下运行windows 系统下编辑的Python脚本显示“: 没有那个文件或目录”的过程及解决方案
- 4.深入k8s:容器持久化存储
- JAVA编程中你一定要掌握的“快捷键”
- Pytorch_第七篇_深度学习 (DeepLearning) 基础 [3]---梯度下降
- 推荐:pyqt5入门教程