331 lines
8.5 KiB
JavaScript
331 lines
8.5 KiB
JavaScript
$(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();
|
||
}
|
||
|
||
});
|
||
|
||
|
||
|
||
|
||
|