jianavi/js/js.js

331 lines
8.5 KiB
JavaScript
Raw Permalink Normal View History

2020-04-05 16:42:24 +08:00
$(function () {
// $('body').height($('body')[0].clientHeight);
initpage();
$(window).resize(function () {
initpage();
})
function initpage() {
var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
var _html = document.getElementsByTagName('html')[0];
view_width > 640 ? _html.style.fontSize = 640 / 16 + 'px' : _html.style.fontSize = view_width / 16 + 'px';
}
});
var sllTop;
var divsTop = 330;/*document.getElementsByClassName('content')[0].offsetTop; 获取当前对象到其上级层顶部的距离*/
window.onscroll = function () {
var onBtn = document.getElementById('top-box');
sllTop = document.documentElement.scrollTop || document.body.scrollTop;//如果浏览器不支持第一个事件则选择第二
if (sllTop >= 40) {
$('.header-con').css('padding', '0');
$('.logo img').css({ 'width': '50', 'margin-top': '5px', 'margin-left': '10px' });
} else {
$('.header-con').css('padding', '10px 0');
$('.logo img').css({ 'width': '60', 'margin-top': '0px', 'margin-left': '0px' });
}
if (sllTop > 240) {
$('#tbox2').css('display', 'block')
} else {
$('#tbox2').css('display', 'none');
}
if (sllTop >= divsTop) {
$('.left-list').css('position', 'fixed');
} else {
$('.left-list').css('position', '');
}
tlistTop();
};
$(function () {
$(".taoba").click(function (event) {
var i = $(this).index();
var id = $('.dingwei')[i];
$("html,body").animate({ scrollTop: $(id).offset().top - 80 }, 800);
});
$(".list-text").click(function (event) {
var i2 = $(this).index();
var id2 = $('.sethome-con')[i2];
$("html,body").animate({ scrollTop: $(id2).offset().top - 80 }, 800);
});
});
function tlistTop() {
var sethome_conHeight;
var tihsHeight;
var list_text = document.getElementsByClassName('fa-caret-right');
if (list_text.length === 0) {
return false; //如果匹配到0个元素则将函数返回不继续执行
}
arr1 = []; //存储元素的top距离页面顶部的高度
for (var i = 0; i <= 4; i++) {
thisHeight = document.getElementsByClassName('sethome-con')[i].offsetTop + divsTop - 80;
arr1.push(thisHeight); //将循环获取到的值添加到数组里面
}
if (sllTop >= arr1[0]) {
list_text[0].style.opacity = 1;
list_text[1].style.opacity = 0;
list_text[2].style.opacity = 0;
list_text[3].style.opacity = 0;
list_text[4].style.opacity = 0;
} if (sllTop >= arr1[1]) {
list_text[0].style.opacity = 0;
list_text[1].style.opacity = 1;
list_text[2].style.opacity = 0;
list_text[3].style.opacity = 0;
list_text[4].style.opacity = 0;
} if (sllTop >= arr1[2]) {
list_text[0].style.opacity = 0;
list_text[1].style.opacity = 0;
list_text[2].style.opacity = 1;
list_text[3].style.opacity = 0;
list_text[4].style.opacity = 0;
} if (sllTop >= arr1[3]) {
list_text[0].style.opacity = 0;
list_text[1].style.opacity = 0;
list_text[2].style.opacity = 0;
list_text[3].style.opacity = 1;
list_text[4].style.opacity = 0;
} if (sllTop >= arr1[4]) {
list_text[0].style.opacity = 0;
list_text[1].style.opacity = 0;
list_text[2].style.opacity = 0;
list_text[3].style.opacity = 0;
list_text[4].style.opacity = 1;
}
}
$('#gotop').click(function () {
$('body,html').animate({
scrollTop: 0
},
800);//点击回到顶部按钮,缓懂回到顶部,数字越小越快
})
/*选择搜索引擎*/
$('.Select-box ul').hover(function () {
$(this).css('height', 'auto')
}, function () {
$(this).css('height', '40px')
});
$('.Select-box-2 ul').hover(function () {
$(this).css('height', 'auto')
}, function () {
$(this).css('height', '47px')
});
$('.Select-box-2 li').click(function () {
var _tihs = $(this).attr('class');
var _html = $(this).html();
var _name = 'wd';
if (_tihs == 'this_s') {
return "";
}
if (_tihs == 'baidu_s') {
_tihs = 'https://www.baidu.com/s';
_name = 'wd';
} else if (_tihs == 'google_s') {
_tihs = 'https://www.google.com/search';
_name = 'q';
} else if (_tihs == 'bing_s') {
_tihs = 'https://www.bing.com/search';
_name = 'q';
} else if (_tihs == 'miji_s') {
_tihs = 'https://www.dogedoge.com/results';
_name = 'q';
} else {
_tihs = 'https://www.baidu.com/s';
_name = 'wd';
}
$('.baidu form').attr('action', _tihs);
$('.this_s').html(_html);
$('#kw-2').attr('name', _name);
$('.Select-box-2 ul').css('height', '48px');
setCookie("_search_", _html + "_nln_" + _tihs + "_nln_" + _name);
});
function _search_() {
var aCookie = document.cookie.split(";");
for (var i = 0; i < aCookie.length; i++) {
var aCrumb = aCookie[i].split("=");
if (aCrumb[0].toString().trim() == 'order_list') {
continue;
}
var name = unescape(aCrumb[0].trim());
if (aCrumb[0].toString().trim().indexOf("_search_") > -1) {
var link = getCookie(name).split("_nln_");
$('.baidu form').attr('action', link[1]);
$('.this_s').html(link[0]);
$('#kw-2').attr('name', link[2]);
$('.Select-box-2 ul').css('height', '48px');
}
}
}
_search_();
//清空输入框内容
$('.qingkong').click(function () {
cls();
$(this).css('display', 'none')
});
function cls() {
var sum = 0;
var t = document.getElementsByTagName("INPUT");
for (var i = 0; i < t.length; i++) {
if (t[i].type == 'text') {
++sum;
t[i].value = "";//清空
}
}
}
//清空输入框按钮的显示和隐藏
function if_btn() {
var btn_obj = document.getElementById("kw") || document.getElementById("kw-2");
var cls_btn = document.getElementById("qingkong");
var btn_obj_val;
var times;
//当元素获得焦点时
if (btn_obj == '' || btn_obj == null) {
return false; //如果没有找到这个元素,则将函数返回,不继续执行
}
btn_obj.onfocus = function () {
times = setInterval(function () {
btn_obj_val = btn_obj.value;
if (btn_obj_val != 0) {
cls_btn.style.display = "block";
} else {
cls_btn.style.display = "none";
}
}, 200);
}
//元素失去焦点时
btn_obj.onblur = function () {
clearInterval(times);
}
}
if_btn();
$('.muban li').click(function () {
_index = $(this).index();
$(this).addClass('shaw').siblings().removeClass('shaw');
$('.muban-list ul').eq(_index).fadeIn(250).siblings().fadeOut(0);
});
$('.ruanjian-tab li').click(function () {
_index = $(this).index();
$(this).addClass('shaw').siblings().removeClass('shaw');
$('.ruanjian-list ul').eq(_index).fadeIn(250).siblings().fadeOut(0);
});
$('.list-link-4').hover(function () {
//获取当前元素的title内容赋值给_thisTit
var _thisTit = $(this).attr('data-title');
//tips提示内容为_thisTit即等于当前鼠标滑过元素的title内容吸附对象为当前鼠标滑过对象
if (_thisTit != "") { //判断条件当前元素的data-title不等于空才执行下面的代码
layer.tips(_thisTit, this, {
tips: [1, '#1E9FFF'],
time: 99999,
});
}
}, function () {
$('.layui-layer-tips').css('display', 'none')
});
var btn = $("#kw-2"), oUl = $(".keylist")[0];
$("#qingkong").click(function () {
oUl.style.display = 'none';
})
// 搜索联想
btn.keyup(function (e) {
if (e.keyCode == 13 || e.keyCode == 40 || e.keyCode == 38) {
e.preventDefault();
return;
}
var value = this.value;
if (value) {
var oScript = document.createElement('script');
oScript.src = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=' + value + '&cb=aa'
document.body.appendChild(oScript);
oScript.remove();
} else if (value == 0) {
oUl.style.display = 'none';
}
})
// 控制搜索时显示联想内容的数量
function aa(data) {
//console.log(data);
oUl.style.display = 'block';
var list = data.s;
var str = '';
for (var i = 0; i < list.length; i++) {
// 最多显示8行
if (i < 8) {
str += '<li>' + list[i] + '</li>';
}
}
oUl.innerHTML = str;
}
$(".keylist").on('click', 'li', function () {
var value = $(this).text();
btn.val(value);
$('#su-2').click();
oUl.style.display = 'none';
});
//利用键盘控制选择搜索联想词
$(document).keydown(function (e) {
if (e.keyCode == 13 && oUl.style.display == 'block') {
btn.val($(".keylist li.active").html().trim());
$('#su-2').click();
oUl.style.display = 'none';
//alert('你按下了Enter');
} else if (e && e.keyCode == 40 && oUl.style.display == 'block') { //下
//active
if ($(".keylist li.active").length > 0) {
var k1 = $(".keylist li.active")
k1.next().addClass("active");
k1.removeClass("active");
} else {
var k0 = $($(".keylist li")[0]);
k0.addClass("active");
}
} else if (e && e.keyCode == 38 && oUl.style.display == 'block') { // 上
var k1 = $(".keylist li.active")
k1.prev().addClass("active");
k1.removeClass("active");
} else {
//btn.keyup();
}
});