上虞专通风机厂
上虞专通风机厂是一家专业生产各种风机的企业,包括柜式风机、排烟风机、防爆轴流风机和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