uibar.js
3.42 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/**
* Created by zzf on 2014/11/5.
*/
define(function( require, exports, module ) {
/*
引入包
*/
var _Event = require('event');
$(function(){
//方法集
var methods = {
barHover : {//工具条展示更多
onOver : function(view){
$(view).find(".floatinglayer").show();
// if($(view).find(".a-block").hasClass("a-block")){
// $(view).find(".a-block").find(".show-bar-text").stop().animate({left: "-41px"}, 300);
// };
},
onOut : function(view){
$(view).find(".floatinglayer").hide();
if($(view).find(".a-block").hasClass("a-block")){
$(view).find(".a-block").find(".show-bar-text").stop().animate({left: "0px"}, 300);
};
}
}
};
//显示更多模块内容
_Event.transit(".receipt", methods.barHover);
_Event.transit(".user li", methods.barHover);
_Event.transit(".soll-top", methods.barHover);
_Event.transit(".ui-search-bar", methods.barHover);
_Event.transit(".ui-im", methods.barHover);
//回到顶部
var $top,$body;
$top = $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
$(".soll-top").click(function(){
$top.animate({scrollTop: 0}, 800);
});
var sollp = $(".soll-top");
$(window).scroll(function(){
var scrollTop = 0;
if(document.all) {
scrollTop = document.documentElement.scrollTop + document.body.scrollTop;
}else{
scrollTop = $(this).scrollTop();
};
if(scrollTop > 0){
if(sollp.css("display") == "none") {
sollp.show();
};
}else{
sollp.hide();
};
if(scrollTop > 180){
$(".ui-search-bar").show();
}else{
$(".ui-search-bar").hide();
}
});
$(".bar-menu").click(function(){
var thisview = $(this).find("span");
if($(".mui-bar .user").css("right") == "-40px"){
$(".mui-bar").removeClass("addhover");
thisview.removeClass("icon-menu-more-colse").addClass("icon-menu-more-add");
$(".mui-bar .user").stop().animate({right: 0}, 300);
$( this ).find( 'p' ).html( '隐藏' );
}else{
$(".mui-bar").addClass("addhover");
thisview.removeClass("icon-menu-more-add").addClass("icon-menu-more-colse");
$(".mui-bar .user").stop().animate({right: -40}, 300);
$( this ).find( 'p' ).html( '显示' );
};
});
var uibarsize = function(){
if($(this).width() < 1200){
$(".bar-menu span").removeClass("icon-menu-more-add").addClass("icon-menu-more-colse");
$(".mui-bar .user").stop().animate({right: -40}, 300)
}else{
$(".bar-menu span").removeClass("icon-menu-more-colse").addClass("icon-menu-more-add");
$(".mui-bar .user").stop().animate({right: 0}, 300)
}
};
$(window).resize(uibarsize);
uibarsize();
});
});