//頁面加載完畢后執(zhí)行 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參數(shù)模式 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; **/ } }
歡迎來到佛山市大銘不銹鋼科技有限公司官網(wǎng)!
收藏本站
|
設(shè)為首頁
|
聯(lián)系我們
佛山市大銘不銹鋼科技有限公司
專業(yè)不銹鋼飲用水管系統(tǒng)集成供應(yīng)商
189 3435 5958
網(wǎng)站首頁
不銹鋼給水管
單卡壓管件
承插焊接式管件
雙卡壓管件
工程案例
解決方案
新聞中心
聯(lián)系方式
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.; }else{ var urlzhi="http://m.xjxyzp.cn/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]的值設(shè)置為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 + '】設(shè)置為首頁。'); } } } function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } catch (e) { try { window.sidebar.addPanel(sTitle, sURL, ""); } catch (e) { alert("加入收藏失敗，請使用Ctrl+D進行添加"); } } }
熱門搜索：
承插焊接式管件
單卡壓管件
雙卡壓管件
分水器
溝槽管件
管材
首頁
>
產(chǎn)品中心
>
按產(chǎn)品名稱
>
雙卡壓管件
大銘不銹鋼產(chǎn)品中心
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); })
| 按產(chǎn)品名稱
不銹鋼給水管
承插焊接式管件
單卡壓管件
雙卡壓管件
溝槽管件
分水器
| 按產(chǎn)品材質(zhì)
| 按應(yīng)用類型
| 按工程類型
地址：順德陳村力源金屬物流城E區(qū)1座25-31號
電話：18934355958
郵箱：2850317639@qq.com
雙卡壓---管移動活接
日期:2017-10-25 10:10:11 閱讀量:
下一篇 |
雙卡壓---管帽
上一篇 |
沒有了
商品簡介
產(chǎn)品特點
標簽：
雙卡壓---管移動活接
相關(guān)推薦
雙卡壓---外絲彎頭
雙卡壓---外絲三通
雙卡壓---固定支架
雙卡壓---可調(diào)式直接
大銘首頁
產(chǎn)品中心
大銘介紹
工程案例
新聞資訊
聯(lián)系我們
網(wǎng)站地圖
版權(quán)所有 佛山市大銘不銹鋼科技有限公司
備案號：粵ICP備12345678號-1
郵箱：2850317639@qq.com
電話：189 3435 5958
地址：順德陳村力源金屬物流城E區(qū)1座25-31號
（掃一掃）
$(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) }); });
返回頂部
18934355958
在線咨詢
微信
$(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"); })
$(".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"); });
