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();
|
|||
|
}
|
|||
|
|
|||
|
});
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|