最新下载
Twitter Bootstrap表单验证
门户网站jQuery相册代码
24小时阅读排行榜
- 1 Golang值拷贝对性能影响大吗_性能影响评估思路
- 2 如何将单类选择器扩展为多类联合选择器(jQuery 教程)
- 3 如何在 freeCodeCamp 项目中正确添加外部图片
- 4 如何在Golang中实现Docker Compose编排_Golang Docker Compose管理实践
- 5 标题:使用多通道与单 goroutine 实现共享结构体的线程安全访问
- 6 什么是javascript解构赋值_它如何简化代码【教程】
- 7 javascript测试框架如何编写单元测试?【教程】
- 8 如何使用Golang实现服务健康检测_Web服务可用性方案
- 9 如何在关联查询中跨表过滤类型与日期(即使主表无日期字段)
- 10 如何在c++中实现一个简单的函数式map和filter? (Ranges与Lambda)
- 11 javascript高阶函数是什么_map和filter如何使用【教程】
- 12 javascript如何操作摄像头与麦克风等设备【教程】
- 13 如何使用 go-simplejson 遍历并拆分 JSON 文件中的嵌套数组
- 14 javascript中的“this”关键字指向什么?【教程】
- 15 iota 结合 _ 空白标识符的8种骚操作(很常用!)
最新教程
-
- Node.js 教程
- 15914 2025-08-28
-
- CSS3 教程
- 1545994 2025-08-27
-
- Rust 教程
- 23106 2025-08-27
-
- Vue 教程
- 25577 2025-08-22
-
- PostgreSQL 教程
- 22081 2025-08-21
-
- Git 教程
- 9085 2025-08-21
基于jquery.1.11.1.min.js制作的简洁jQuery右侧栏客服代码,有微信二维码、QQ、电话显示及返回顶部功能,网页右侧悬浮层,鼠标移动上去有效果。
js代码
<script type="text/javascript">
$(function() {
$("#service a").hover(function() {
if ($(this).prop("className") == "weixin_area") {
$(this).children("img.hides").show();
} else {
$(this).children("div.hides").show();
$(this).children("img.shows").hide();
$(this).children("div.hides").animate({marginRight: '0px'}, '0');
}
}, function() {
if ($(this).prop("className") == "weixin_area") {
$(this).children("img.hides").hide();
} else {
$(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
$(this).hide();
$(this).next("img.shows").show();
});
}
});
$("#top_btn").click(function() {
$("html,body").animate({scrollTop: 0}, 600);
});
//右侧导航 - 二维码
$(".weixin_area").hover(function() {
$(this).children(".weixin").show();
},function(){
$(this).children(".weixin").hide();
})
});
</script>
