//页面加载完毕后执行 window.onload = function () { var objDemo = document.getElementById("thisdemo"); var objSmallBox = document.getElementById("small-box"); var objMark = document.getElementById("mark"); var objFloatBox = document.getElementById("float-box"); var objBigBox = document.getElementById("big-box"); var objBigBoxImage = objBigBox.getElementsByTagName("img")[0]; objMark.onmouseover = function () { objFloatBox.style.display = "block" objBigBox.style.display = "block" } objMark.onmouseout = function () { objFloatBox.style.display = "none" objBigBox.style.display = "none" } objMark.onmousemove = function (ev) { var _event = ev || window.event; //兼容多个浏览器的event参数模式 var left = _event.clientX - $('#mark').offset().left - objSmallBox.offsetLeft - objFloatBox.offsetWidth / 2; var top = _event.clientY - ($('#mark').offset().top-$(document).scrollTop()) - objSmallBox.offsetTop - objFloatBox.offsetHeight / 2; if (left < 0) { left = 0; } else if (left > (objMark.offsetWidth - objFloatBox.offsetWidth)) { left = objMark.offsetWidth - objFloatBox.offsetWidth; } if (top < 0) { top = 0; } else if (top > (objMark.offsetHeight - objFloatBox.offsetHeight)) { top = objMark.offsetHeight - objFloatBox.offsetHeight; } objFloatBox.style.left = left + "px"; //oSmall.offsetLeft的值是相对什么而言 objFloatBox.style.top = top + "px"; var percentX = left / (objMark.offsetWidth - objFloatBox.offsetWidth); var percentY = top / (objMark.offsetHeight - objFloatBox.offsetHeight); objBigBoxImage.style.left = -percentX * (objBigBoxImage.offsetWidth - objBigBox.offsetWidth) + "px"; objBigBoxImage.style.top = -percentY * (objBigBoxImage.offsetHeight - objBigBox.offsetHeight) + "px"; /** var showvalue = document.getElementById("value"); showvalue.innerHTML="objMark.offsetWidth="+objMark.offsetWidth+ "
_event.clientX="+_event.clientX+ "
objDemo.offsetLeft="+objDemo.offsetLeft+ "
objSmallBox.offsetLeft="+objSmallBox.offsetLeft+ "
objFloatBox.offsetWidth="+objFloatBox.offsetWidth+ "
objMark.offsetWidth - objFloatBox.offsetWidth="+(objMark.offsetWidth - objFloatBox.offsetWidth)+ "
LEFT="+left+ "
objBigBoxImage.style.left="+objBigBoxImage.style.left+ "
objBigBoxImage.style.top="+objBigBoxImage.style.top; **/ } }

欢迎来到 官网!

专业不锈钢饮用水管系统集成供应商
189 3435 5958
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = false; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = true; break; } } return flag; } if(IsPC()){ if(''=='') { var urlzhi=window.location.href; if(urlzhi=="http://www.jieliancheng.com"||urlzhi=="http://jieliancheng.com"||urlzhi=="http://jieliancheng.com/"||urlzhi=="http://www.jieliancheng.com/"){ window.location.href="http://www.jieliancheng.com/index.php?sj=sj_"; }else{ var urlzhi="//www.salem6music.com/winhuiadm/admin_htm.php?id="; if(urlzhi.indexOf('?')>0){ window.location.href=urlzhi+"&sj=sj_"; }else{ window.location.href=urlzhi+"?sj=sj_"; } } } } function setHome(obj,url){ try{ obj.style.behavior = 'url(#default#homepage)'; obj.setHomePage(url); }catch(e){ if(window.netscape){ try{ netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect'); }catch(e){ alert('抱歉,此操作被浏览器拒绝!\n\n请在浏览器地址栏输入“about:config”并回车\n\n然后将[signed.applets.codebase_principal_support]的值设置为true,双击即可。'); } var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch); prefs.setCharPref('browser.startup.homepage',url); }else{ alert('抱歉,您所使用的浏览器无法完成此操作。\n\n您需要手动将【' + url + '】设置为首页。'); } } } function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } catch (e) { try { window.sidebar.addPanel(sTitle, sURL, ""); } catch (e) { alert("加入收藏失败,请使用Ctrl+D进行添加"); } } }

      首页 > > 按产品名称 > 双卡压管件
大铭不锈钢 Daming Product center
$(function(){ // $(".subNav2").click(function(){ // $(this).toggleClass("currentDd").siblings(".subNav2").removeClass("currentDd"); // $(this).toggleClass("currentDt2").siblings(".subNav2").removeClass("currentDt"); // $(this).next(".navContent2").slideToggle(300).siblings(".navContent2").slideUp(500);}) // $(".focus2").next(".navContent2").slideToggle(300).siblings(".navContent2").slideUp(500); $(".subNav").click(function(){ $(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd"); $(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt"); $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(500);}) $(".focus").next(".navContent").slideToggle(300).siblings(".navContent").slideUp(500); })
地址:顺德陈村力源金属物流城E区1座25-31号
电话:18934355958
邮箱:2850317639@qq.com
双卡压---管移动活接
日期:2017-10-25 10:10:11 阅读量:
  • 产品图片
下一篇 |  双卡压---管帽 上一篇 | 没有了

产品特点

$(function() { // 悬浮窗口 $(".yb_conct").hover(function() { $(".yb_conct").css("right", "5px"); $(".yb_bar .yb_ercode").css('height', '200px'); }, function() { $(".yb_conct").css("right", "-127px"); $(".yb_bar .yb_ercode").css('height', '53px'); }); // 返回顶部 $(".yb_top").click(function() { $("html,body").animate({ 'scrollTop': '0px' }, 300) }); });
$(function(){ $("a").hover( function(){ $(this).addClass("yellow"); //$(this).addClass("animated pulse"); }, function(){ $(this).removeClass("yellow"); //$(this).removeClass("animated pulse"); } ); $("img").hover( //function(){$(this).addClass("animated pulse");}, //function(){$(this).removeClass("animated pulse");} ); //$(".about_right").addClass("animated fadeInRight"); //$(".about_left").addClass("animated fadeInLeft"); //$(".about_content").addClass("animated fadeInRight"); //$(".under-head-picture").addClass("animated flipInX"); })
Baidu
map
$(".imglist-small").hover(function(e){ $("#big-img").attr("src",$(this).attr("src")); $("#bigger-img").attr("src",$(this).attr("src")); }); $("#spec-right").click(function(e){ $("#spec-list ul").css("left","-100px"); }); $("#spec-left").click(function(e){ $("#spec-list ul").css("left","0px"); });