$(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 += '
  • ' + list[i] + '
  • '; } } 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(); } });