柜式风机-排烟风机-防爆轴流风机-3C风机--上虞专通风机厂

上虞专通风机厂

上虞专通风机厂是一家专业生产各种风机的企业，包括柜式风机、排烟风机、防爆轴流风机和3C风机等。我们的产品广泛应用于各个领域，如工厂、医院、实验室等，为客户提供高效、安全的通风解决方案。

网站功能

• 当鼠标悬停在.main_visual元素上时，显示.btn_prev和.btn_next按钮；当鼠标离开时，隐藏这两个按钮。
  
• 使用.touchSlider插件创建触摸滑动图片功能，支持点击左右按钮切换图片，以及触摸滑动浏览图片。
  
• 当鼠标按下时，开始拖动图片。
  

以下是代码示例：

”`javascript
\((document).ready(function(){ \)(“.main_visual”).hover(function(){
\(("#btn_prev,#btn_next").fadeIn() },function(){ \)(“#btn_prev,#btn_next”).fadeOut()
});
\(dragBln = false; \)(“.main_image”).touchSlider({
flexible : true,
speed : 900,
btn_prev : \(("#btn_prev"), btn_next : \)(“#btn_next”),
paging : \((".flicking_con a"), counter : function (e){ \)(“.flicking_con a”).removeClass(“on”).eq(e.current-1).addClass(“on”);
}
});
\((".main_image").bind("mousedown", function() { \)d = \((this); \).fn.myDrag = function(){
var offsetX = this.offset().left;
var offsetY = this.offset().top;
var startX = parseInt(\(d.css("left")); var startY = parseInt(\)d.css(“top”));
var moveDistanceX = parseInt(\(d.css("width")); var moveDistanceY = parseInt(\)d.css(“height”));
var isDown = false;
\(.each(\)(“body”),function(i,v){isDown = false});
\(.each(\)(“body”),function(i,v){
\((v).unbind('mousemove'); \)(v).unbind(‘mouseup’);
\((v).bind('mousedown',function(){ isDown = true; }); \)(v).bind(‘mouseup’,function(){ if (!isDown) return false; else isDown = false; });
});
\((document).bind('mousemove', function(e){ if (isDown){ var eOffsetX = e.pageX || (window.event.clientX + document.documentElement.scrollLeft); var eOffsetY = e.pageY || (window.event.clientY + document.documentElement.scrollTop); var offsetX = \)(this).offset().left;
var offsetY = \((this).offset().top; var distanceX = eOffsetX-offsetX; var distanceY = eOffsetY-offsetY; var moveDistanceX = parseInt(\)d.css(“width”))+distanceX;
var moveDistanceY = parseInt(\(d.css("height"))+distanceY; var newLeftPosition = startX+moveDistanceX; var newTopPosition = startY+moveDistanceY; var maxMoveLeftPosition = (\)d.parent().width()-parseInt(\(d.css("width")))+startX; var maxMoveRightPosition = startX-parseInt(\)d.css(“width”));
var maxMoveTopPosition = (\(d.parent().height()-parseInt(\)d.css(“height”)))+startY;
var maxMoveBottomPosition = startY-parseInt(\(d.css("height")); if(maxMoveLeftPosition<=eOffsetX && maxMoveRightPosition>=eOffsetX && maxMoveTopPosition<=eOffsetY && maxMoveBottomPosition>=eOffsetY){ \)(this).css({“left”:newLeftPosition+“px”,“top”:newTopPosition+“px”});
\(d.css({"left":newLeftPosition+"px","top":newTopPosition+"px"}); eOffsetX=newLeftPosition+"px"; eOffsetY=newTopPosition+"px"; } else{\)d.stop();\(d.css({"left":startX+"px","top":startY+"px"})} }; \)d.stop();\(d.css({"left":startX+"px","top":startY+"px"})}); return false; }); \)d.stop();\(d.css({"left":startX+"px","top":startY+"px"})}); }); return false;}; \)d.children(‘img’).myDrag();\(('body').append('<style type="text/css">*{-webkit-touch-callout:none;}</style>');}); \)(“html”).click(function(){\(('body').children('div').remove();\)(‘body’).append(’’);}); }) // End of script } // End of document } // End of page