www.gusucode.com > 【T6965】响应式互联网网络建设设计类织梦模板(自适应手机端) > 【T6965】响应式互联网网络建设设计类织梦模板(自适应手机端)/skin/js/common.js
$(function(){ $(".menu_bt").click(function(){ $(this).toggleClass("open"); $(".page-overlay").toggleClass("black"); $(".logo").toggleClass("gao"); }) //默认状态 if($(window).width()>768) { if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").removeClass("add"); } //滚动的时候 $(window).scroll(function(){ if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").removeClass("add"); } }); } else{ if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").addClass("add"); } $(window).scroll(function(){ if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").addClass("add"); } }); } //窗口改变大小 $(window).on('resize',function(){ if($(window).width()>768) { if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").removeClass("add"); } //滚动的时候 $(window).scroll(function(){ if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").removeClass("add"); } }); } else{ if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").addClass("add"); } $(window).scroll(function(){ if ($(window).scrollTop()>0) { $(".header").addClass("add"); } else { $(".header").addClass("add"); } }); } }); }); //文本提示 jQuery(document).ready(function(){ jQuery("#serch .txt,#demand .txt").each(function(){ var thisVal=jQuery(this).val(); if(thisVal!=""){ jQuery(this).siblings("span").hide(); }else{ jQuery(this).siblings("span").show(); } jQuery(this).focus(function(){ jQuery(this).siblings("span").hide(); }).blur(function(){ var val=jQuery(this).val(); if(val!=""){ jQuery(this).siblings("span").hide(); }else{ jQuery(this).siblings("span").show(); } }); }) }) //下拉 $(document).ready(function(){ $("#jq_topmenu li").hover(function(){$(this).addClass("hover").find("div.jq_hidebox").show();},function(){$(this).removeClass("hover").find("div.jq_hidebox").hide();}); $("#jq_car li").hover(function(){$(this).addClass("hover").find("div.jq_hidebox").show();},function(){$(this).removeClass("hover").find("div.jq_hidebox").hide();}); });