產(chǎn)品中心
Product center
TFT彩屏RGB接口系列
您現(xiàn)在的位置是:首頁(yè) > TFT彩屏RGB接口系列
|
恒域威7寸液晶屏1024*600車載工控LCD顯示屏 IPS高清TFT分辨率：1024*600 品牌：恒域威 型號(hào)：36LPZ070-011 種類：RGB液晶屏 亮度：900cd/m 視角方向：12 O'clock 接口: RGB 視角：IPS 屏幕尺寸：7寸 視域尺寸: 154.21(H) *85.92 (V) 外形尺寸：164.8(H)*100(V)*5.7(T) 功耗:0.0558W ( Typ)
|
產(chǎn)品詳情
$(document).ready(function(){
// 圖片上下滾動(dòng)
var count = $("#imageMenu li").length; /* 顯示 6 個(gè) li標(biāo)簽內(nèi)容 */
var interval = $("#imageMenu li:first").width();
var curIndex = 0;
$('.scrollbutton').click(function(){
if( $(this).hasClass('disabled') ) return false;
if ($(this).hasClass('smallImgUp')) --curIndex;
else ++curIndex;
$('.scrollbutton').removeClass('disabled');
if (curIndex == 0) $('.smallImgUp').addClass('disabled');
if (curIndex == count-1) $('.smallImgDown').addClass('disabled');
$("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
});
// 解決 ie6 select框 問題
$.fn.decorateIframe = function(options) {
if ($.browser.msie && $.browser.version < 7) {
var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
$(this).each(function() {
var $myThis = $(this);
//創(chuàng)建一個(gè)IFRAME
var divIframe = $("");
divIframe.attr("id", opts.iframeId);
divIframe.css("position", "absolute");
divIframe.css("display", "none");
divIframe.css("display", "block");
divIframe.css("z-index", opts.iframeZIndex);
divIframe.css("border");
divIframe.css("top", "0");
divIframe.css("left", "0");
if (opts.width == 0) {
divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
}
if (opts.height == 0) {
divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
}
divIframe.css("filter", "mask(color=#fff)");
$myThis.append(divIframe);
});
}
}
$.fn.decorateIframe.defaults = {
iframeId: "decorateIframe1",
iframeZIndex: -1,
width: 0,
height: 0
}
//放大鏡視窗
$("#bigView").decorateIframe();
//點(diǎn)擊到中圖
var midChangeHandler = null;
$("#imageMenu li img").bind("click", function(){
if ($(this).attr("id") != "onlickImg") {
midChange($(this).attr("src").replace("", ""));
$("#imageMenu li").removeAttr("id");
$(this).parent().attr("id", "onlickImg");
}
}).bind("mouseover", function(){
if ($(this).attr("id") != "onlickImg") {
window.clearTimeout(midChangeHandler);
midChange($(this).attr("src").replace("", ""));
$(this).css({ "border": "1px solid #2fa127" });
}
}).bind("mouseout", function(){
if($(this).attr("id") != "onlickImg"){
$(this).removeAttr("style");
midChangeHandler = window.setTimeout(function(){
midChange($("#onlickImg img").attr("src").replace("", ""));
}, 1000);
}
});
function midChange(src) {
$("#midimg").attr("src", src).load(function() {
changeViewImg();
});
}
//大視窗看圖
function mouseover(e) {
if ($("#winSelector").css("display") == "none") {
$("#winSelector,#bigView").show();
}
$("#winSelector").css(fixedPosition(e));
e.stopPropagation();
}
function mouseOut(e) {
if ($("#winSelector").css("display") != "none") {
$("#winSelector,#bigView").hide();
}
e.stopPropagation();
}
$("#midimg").mouseover(mouseover); //中圖事件
$("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //選擇器事件
var $divWidth = $("#winSelector").width(); //選擇器寬度
var $divHeight = $("#winSelector").height(); //選擇器高度
var $imgWidth = $("#midimg").width(); //中圖寬度
var $imgHeight = $("#midimg").height(); //中圖高度
var $viewImgWidth = $viewImgHeight = $height = null; //IE加載后才能得到 大圖寬度 大圖高度 大圖視窗高度
function changeViewImg() {
$("#bigView img").attr("src", $("#midimg").attr("src").replace("", ""));
}
changeViewImg();
$("#bigView").scrollLeft(0).scrollTop(0);
function fixedPosition(e) {
if (e == null) {
return;
}
var $imgLeft = $("#midimg").offset().left; //中圖左邊距
var $imgTop = $("#midimg").offset().top; //中圖上邊距
X = e.pageX - $imgLeft - $divWidth / 2; //selector頂點(diǎn)坐標(biāo) X
Y = e.pageY - $imgTop - $divHeight / 2; //selector頂點(diǎn)坐標(biāo) Y
X = X < 0 ? 0 : X;
Y = Y < 0 ? 0 : Y;
X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;
if ($viewImgWidth == null) {
$viewImgWidth = $("#bigView img").outerWidth();
$viewImgHeight = $("#bigView img").height();
if ($viewImgWidth < 200 || $viewImgHeight < 200) {
$viewImgWidth = $viewImgHeight = 800;
}
$height = $divHeight * $viewImgHeight / $imgHeight;
$("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
$("#bigView").height($height);
}
var scrollX = X * $viewImgWidth / $imgWidth;
var scrollY = Y * $viewImgHeight / $imgHeight;
$("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 });
$("#bigView").css({ "top": 100, "left": $(".preview").offset().left + 350 });
return { left: X, top: Y };
}
});
深圳市恒域威電子有限公司保留所有權(quán)利
輕質(zhì)土二類醫(yī)療器械經(jīng)營(yíng)備案超市清貨公司江門物流公司清貨公司醫(yī)療器械生產(chǎn)許可證代辦艾麥廣州軟裝公司清貨公司
(市場(chǎng)銷售)
(企業(yè)抖音)
(投訴建議)
-
19860740107