/*全站搜索*/ var input = $("#keyword"); input.focus(function(){ if($(this).val() == '请输入关键字'){ $(this).val(''); } }); input.blur(function(){ if($(this).val() == ''){ $(this).val('请输入关键字'); } }); $("#s_btn").click(function(){ if(input.val() == '' || input.val() == '请输入关键字'){ alert("请输入关键词!"); input.focus(); return false; } }); //设为首页 function sethome(obj,vrl){ try{ obj.style.behavior='url(#default#homepage)';obj.sethomepage(vrl); } catch(e){ if(window.netscape){ try{ netscape.security.privilegemanager.enableprivilege("universalxpconnect"); }catch (e){ alert("抱歉!您的浏览器不支持直接设为首页。请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为“true”,点击“加入收藏”后忽略安全提示,即可设置成功。"); } var prefs = components.classes['@mozilla.org/preferences-service;1'].getservice(components.interfaces.nsiprefbranch); prefs.setcharpref('browser.startup.homepage',vrl); }else{ alert('抱歉,您的浏览器不支持自动设置首页, 请使用浏览器菜单手动设置!'); } } } //banner1 - 多图 function bb1(){ var nav_num = ''; var obj_li = $(".bb li"); var count = obj_li.length; obj_li.first().css("display","block"); obj_li.each(function(){ var index = $(this).index() + 1; nav_num += '
  • ' + index + '
  • '; }); $(".banner").append(''); $(".num li").first().addclass("num_hover"); $(".num li").hover(function(){ sw = $(".num li").index(this); myshow(sw); }); function myshow(i){ $(".num li").eq(i).addclass("num_hover").siblings().removeclass("num_hover"); obj_li.eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600); } var mytime = 0; //滑入停止动画,滑出开始动画 $(".bb").hover(function(){ if(mytime){ clearinterval(mytime); } },function(){ mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 3000); }); //自动开始 var sw = 0; mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 2000); } //banner2 - 多图 function bb2(){ var nav_num = ''; var obj_li = $(".bb2 li"); var count = obj_li.length; obj_li.first().css("display","block"); obj_li.each(function(){ var index = $(this).index() + 1; nav_num += '
  • ' + index + '
  • '; }); $(".banner2").append(''); $(".num2 li").first().addclass("num_hover"); $(".num2 li").hover(function(){ sw = $(".num2 li").index(this); myshow(sw); }); function myshow(i){ $(".num2 li").eq(i).addclass("num_hover").siblings().removeclass("num_hover"); obj_li.eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600); } var mytime = 0; //滑入停止动画,滑出开始动画 $(".bb2").hover(function(){ if(mytime){ clearinterval(mytime); } },function(){ mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 3000); }); //自动开始 var sw = 0; mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 2000); } //banner3 - 多图 function bb3(){ var nav_num = ''; var obj_li = $(".bb li"); var count = obj_li.length; obj_li.first().css("display","block"); obj_li.each(function(){ var index = $(this).index() + 1; nav_num += '
  • ' + index + '
  • '; }); $(".banner").append(''); $(".num li").first().addclass("num_hover"); $(".num li").hover(function(){ sw = $(".num li").index(this); myshow(sw); }); function myshow(i){ $(".num li").eq(i).addclass("num_hover").siblings().removeclass("num_hover"); obj_li.eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600); } var mytime = 0; //滑入停止动画,滑出开始动画 $(".bb").hover(function(){ if(mytime){ clearinterval(mytime); } },function(){ mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 3000); }); //自动开始 var sw = 0; mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 2000); } //banner4 - 多图 function bb4(){ var swidth = $("#focus").width(); //获取焦点图的宽度(显示面积) var len = $("#focus ul li").length; //获取焦点图个数 var index = 0; var pictimer = 0; //以下代码添加数字按钮和按钮后的半透明条,还有上一页、下一页两个按钮 var btn = "
    "; for(var i=0; i < len; i++) { btn += ""; } btn += "
    "; $("#focus").append(btn); $("#focus .btnbg").css("opacity",0.5); $("#focus .btnbg").css("filter","alpha(opacity=60)"); //为小按钮添加鼠标滑入事件,以显示相应的内容 $("#focus .btn span").css("opacity",0.4).mouseenter(function() { index = $("#focus .btn span").index(this); showpics(index); }).eq(0).trigger("mouseenter"); //上一页按钮 $("#focus .pre").click(function() { index -= 1; if(index == -1) {index = len - 1;} showpics(index); }); //下一页按钮 $("#focus .next").click(function() { index += 1; if(index == len) {index = 0;} showpics(index); }); //本例为左右滚动,即所有li元素都是在同一排向左浮动,所以这里需要计算出外围ul元素的宽度 $("#focus ul").css("width",swidth * (len)); //鼠标滑上焦点图时停止自动播放,滑出时开始自动播放 $("#focus").hover(function() { clearinterval(pictimer); },function() { pictimer = setinterval(function() { showpics(index); index++; if(index == len) {index = 0;} },4000); //此4000代表自动播放的间隔,单位:毫秒 }).trigger("mouseleave"); //显示图片函数,根据接收的index值显示相应的内容 function showpics(index) { //普通切换 var nowleft = -index*swidth; //根据index值计算ul元素的left值 $("#focus ul").stop(true,false).animate({"left":nowleft},300); //通过animate()调整ul元素滚动到计算出的position $("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果 } } //滚动 function scroll(){ //产品滚动 var speed = 30; //数字越大速度越慢 var tab = document.getelementbyid("demo"); var tab1 = document.getelementbyid("demo1"); var tab2 = document.getelementbyid("demo2"); var liwidth=tab1.getelementsbytagname("li"); var liwidths=liwidth[0].offsetwidth; var length=$("#demo1 li").length; var mleft=parseint($("#demo1 li:eq(0)").css("marginleft")); var mright=parseint($("#demo1 li:eq(0)").css("marginright")); var totalwidth=(liwidths+mleft+mright)*length*2+300; $("#indemo").width(totalwidth); tab2.innerhtml = tab1.innerhtml; function marquee(){ if(tab2.offsetwidth - tab.scrollleft <= 0) tab.scrollleft -= tab1.offsetwidth; else{ tab.scrollleft++; } } var mymar = setinterval(marquee,speed); tab.onmouseover = function(){ clearinterval(mymar); }; tab.onmouseout = function(){ mymar = setinterval(marquee,speed); }; } //滚动 function scroll2(){ //产品滚动 var speed = 30; //数字越大速度越慢 var tab = document.getelementbyid("m_demo"); var tab1 = document.getelementbyid("m_demo1"); var tab2 = document.getelementbyid("m_demo2"); var liwidth=tab1.getelementsbytagname("li"); var liwidths=liwidth[0].offsetwidth; var length=$("#m_demo1 li").length; var mleft=parseint($("#m_demo1 li:eq(0)").css("marginleft")); var mright=parseint($("#m_demo1 li:eq(0)").css("marginright")); var totalwidth=(liwidths+mleft+mright)*length*2+300; $("#m_indemo").width(totalwidth); tab2.innerhtml = tab1.innerhtml; function marquee(){ if(tab2.offsetwidth - tab.scrollleft <= 0) tab.scrollleft -= tab1.offsetwidth; else{ tab.scrollleft++; } } var mymar = setinterval(marquee,speed); tab.onmouseover = function(){ clearinterval(mymar); }; tab.onmouseout = function(){ mymar = setinterval(marquee,speed); }; }