`
janson.java
  • 浏览: 29792 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

aaa

 
阅读更多
<a class="total-price-anchor" href="javascript:void(0)">总票价</a>
<div class="tip total-price-tip"  id="selected_detailprice_{$dateFlightIndex}">




var hiding = null;
var showing = null;

function showDetailInfo() {
// 航班号
$('.flight-number').bind({ 
'mouseenter': function() {
showTipWindow(this, 'right');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'right', 0);   
return false;
}
});

// 登机点
$('.onboard').bind({ 
'mouseenter': function() {
showTipWindow(this, 'left');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'left', 0);   
return false;
}
});  

// 转机点
$('.onboard-change').bind({ 
'mouseenter': function() {
showTipWindow(this, 'right');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'right', 0);    
return false;
}
});

// 更多票价选择
$('.more-price').bind({ 
'mouseenter': function() {
showTipWindow(this, 'left');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'left', 0);   
return false;
}
});  

// 总票价
$('.total-price-anchor').bind({ 
'mouseenter': function() {
showTipWindow(this, 'bottom');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'bottom', 0);
return false;
}
});

// 功能
$('.feature li>a').bind({
'mouseenter': function() {
showTipWindow(this, 'top');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'top', 0); 
return false;
}
});

// 支付订单页 - 票价信息 
$('.addition-price').bind({ 
'mouseenter': function() {
showTipWindow(this, 'bottom');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'bottom', 0);
return false;
}
});

// 支付订单页 - 旅客信息
$('.passenger-info').bind({ 
'mouseenter': function() {
showTipWindow(this, 'left');
},
'mouseleave': function() {
hideTipWindow(this);
},
'click': function() {
showTipWindow(this, 'left', 0);
return false;
}
});
};

/**
* $elems: 触发弹出内容的元素
* direction: 方向 分别为up,down,left,right
*
*/ 
function showTipWindow(elem, direction, delay) {
delay = delay != undefined ? delay : 1000;
showing = setTimeout(function() {
var $elem = $(elem);
var $tip = $elem.next('.tip');
if ($tip.length <= 0) { return false; }

if (!elem.tipWindow) {
var $tipWindow = $('<div>').addClass('tip-window').html($tip.clone()).css('display', 'none');
var $tipClose = $('<a>').addClass('tip-window-close');
$tipWindow.append($('<div>').addClass('tip-window-arrow'));
$tipWindow.append($tipClose);
$('body').append($tipWindow);
$tipWindow.bind({
'mouseenter': function() {
clearTimeout(hiding);
},
'mouseleave': function() {
hideTipWindow(elem);
}
});
$tipClose.bind('click', function() {
hideTipWindow(elem, 0);
});
elem.tipWindow = $tipWindow;
}
if (elem.tipWindow.is(':hidden')) { 
setPosition($elem, elem.tipWindow, direction);
elem.tipWindow.animate({
'opacity': '1'
}, 250);
}
}, delay);
}

/**
* 定位弹出内容
*/
function setPosition($elem, $tipWindow, direction) {
$tipWindow.css({
'display': 'block',
'position': 'absolute',
'opacity': '0'
});

var elemOffset = $elem.offset();
var elemWidth = $elem.outerWidth();
var elemHeight = $elem.outerHeight();
var windowWidth = $tipWindow.outerWidth();
var windowHeight = $tipWindow.outerHeight();

switch (direction) {
case 'right':
$tipWindow.css({
'top': elemOffset.top - 15,
'left': elemOffset.left + elemWidth + 6
}).addClass('tip-window-right');
break;     
case 'left':
$tipWindow.css({
'top': elemOffset.top - 15,
'left': elemOffset.left - windowWidth - 6
}).addClass('tip-window-left');
break;
case 'top':
$tipWindow.css({
'top': elemOffset.top - windowHeight - 1,
'left': elemOffset.left + elemWidth - windowWidth + 20
}).addClass('tip-window-top');
break;
case 'bottom':
$tipWindow.css({
'top': elemOffset.top + elemHeight + 10,
'left': elemOffset.left + elemWidth - windowWidth + 20
}).addClass('tip-window-bottom');
break;
default:
break;
}

}


/**
* 隐藏弹出窗
*/
function hideTipWindow(elem, delay) {
if (showing) {
clearTimeout(showing);
}

var $tipWindow = elem.tipWindow;
delay = delay != undefined ? delay : 500;
if ($tipWindow) {
hiding = setTimeout(function() {
$tipWindow.animate({
'opacity': '0'
}, 250, function() {
$tipWindow.css('display', 'none');
});
}, delay);
}
}
分享到:
评论

相关推荐

    aaa.rar_593aaa. com_ecshop_www .aaa709.com_www.aaa 647.com_商城

    标题中的"aaa.rar_593aaa.com_ecshop_www.aaa709.com_www.aaa647.com_商城"暗示了我们正在探讨的是一个经过个性化修改的ECSHOP商城项目,其中涉及到的域名可能与多个站点相关联,如593aaa.com、aaa709.com和aaa647....

    AAA.zip_3344aaa在线观看_aaa8x8x

    【标题】"AAA.zip_3344aaa在线观看_aaa8x8x" 提供的信息主要涉及到一个基于VHDL语言设计的16x8 ROM(只读存储器)项目,而“3344aaa在线观看_aaa8x8x”这部分看起来像是无关的标签,可能是某种错误或者误输入,因此...

    AAA飞机设计软件.pdf

    AAA飞机设计软件.pdf AAA飞机设计软件是一个功能强大且专业的飞机设计分析软件,旨在帮助飞机设计师、学生和研究人员快速、准确地进行飞机设计、分析和优化。下面是AAA飞机设计软件的详细知识点: 1.飞机设计分析...

    H3C交换机AAA认证配置案例

    H3C交换机AAA认证配置案例 H3C交换机AAA认证配置案例是一种常见的网络安全解决方案,用于确保网络设备的安全性和可靠性。本案例中,我们将介绍如何配置H3C S5500-SI Telnet用户通过Tacacs进行AAA认证的典型配置。 ...

    思科的AAA认证配置超详细

    **思科AAA认证配置详解** 在IT网络领域,特别是企业级网络环境中,安全访问控制是至关重要的。Cisco(思科)设备广泛采用的AAA(Authentication、Authorization、Accounting)认证系统,为网络管理员提供了强大的...

    AAA2.5及汉化补丁

    Darcorp Advanced Aircraft Analysis V2.5.1.53 (AAA) 软件是一款面向于高级用户的飞机设计和仿真分析软件,目前广泛应用于数十个国家的各种机构,已然成为飞机设计、开发、稳定性分析以及飞行控制的工业标准软件。...

    aaa.rar_1816aaa.com_aaa.2122_ad_高速AD

    在标题"aaa.rar_1816aaa.com_aaa.2122_ad_高速AD"中,我们可以推断这是一份与高速AD转换技术相关的压缩文件,可能包含详细的技术文档、研究报告或应用实例。1816aaa.com可能是提供该资源的网站,aaa.2122可能是文件...

    CISCO交换机配置AAA、802.1X以及VACL

    ### CISCO交换机配置AAA、802.1X以及VACL #### 一、启用AAA、禁用Telnet以及启用SSH 1. **启用AAA身份验证**:使用`aaa new-model`命令来启用新的AAA模型,这允许我们配置更复杂的AAA特性。 ``` Switch# conf t ...

    华为AAA配置命令

    根据提供的华为AAA配置命令及其描述,我们可以深入了解华为设备中AAA(认证、授权和计费)系统的配置过程。本文将详细解读这些配置命令背后的含义与作用,并帮助读者理解如何在华为路由器或交换机上正确地设置AAA...

    aaa.rar_播放器aaa

    本文将深入探讨"aaa.rar_播放器aaa"这一主题,主要关注JMF播放器的源代码及其运行机制,帮助开发者更好地理解和运用这个平台。 JMF,全称为Java Media Framework,是Sun Microsystems公司开发的一个用于处理音频、...

    aaa.rar_AAA微机原理

    《微机原理详解》 微机原理是计算机科学与技术领域的基础课程,它涉及计算机硬件系统的...本资料"aaa.rar_AAA微机原理"中的PPT和练习提供了丰富的学习资源,涵盖了上述所有主题,是深入学习微机原理的理想参考资料。

    华为交换机AAA配置与管理.docx

    华为交换机的AAA配置与管理是网络管理员在保障网络安全和用户权限管理方面的重要任务。AAA(Authentication、Authorization、Accounting)是一种网络管理机制,包括认证、授权和计费三个环节。认证是指验证用户身份...

    H3C交换机AAA认证以及radius认证详解

    ### H3C交换机AAA认证及Radius认证详解 #### AAA简介 AAA,即认证(Authentication)、授权(Authorization)和计费(Accounting),是一种重要的网络安全管理方式,它提供了统一的框架来配置这三个核心功能。 - **认证*...

    AAA详解-pdf

    ### AAA详解:深入理解认证、授权与计费 在IT领域,AAA(Authentication, Authorization, and Accounting)是网络管理中的一项关键概念,主要用于确保网络资源的访问安全与控制。通过详细解析给定文件中的信息,...

    aaa服务器试验报告

    ### AAA服务器实验报告知识点 #### 实验背景与目标 本次实验旨在通过实践操作掌握AAA (Authentication, Authorization, and Accounting) 服务器的安装、配置、测试及故障排除等关键环节。通过对SPOTOTM设备中心...

    Agilent AdvanceBio AAA 氨基酸分析操作指南.PDF

    《安捷伦AdvanceBio AAA氨基酸分析操作指南》提供的是一种高效、稳定的氨基酸分析解决方案,特别适合于蛋白质、抗体等生物分子的表征。该方案的核心是利用安捷伦的氨基酸分析(AAA)全程解决方案,结合了先进的液相...

    CCNP的AAA实验手册,比较详细的

    ### CCNP AAA实验详解 #### 实验背景与目标 CCNP(Cisco Certified Network Professional)是思科认证网络专业人员的一项高级认证,旨在验证网络工程师在实施、管理和故障排除企业网络方面的技能。本实验手册专注...

    交换机AAA协议详解.pdf

    AAA协议是网络安全中的重要组成部分,它涉及三个核心概念:认证(Authentication)、授权(Authorization)和计费(Accounting)。认证主要是验证用户的身份,确认用户是否具备访问网络资源的资格。授权是指根据用户...

    Cisco资料: AAA详解

    【Cisco AAA技术详解】 在Cisco网络环境中,AAA(Authentication, Authorization, and Accounting)是一种关键的安全管理机制,用于确保网络资源的访问控制。该技术通过验证、授权和审计三个方面来强化网络安全,...

    华为AAA华为认证

    "华为AAA"在这里指的是华为认证中的Advanced Access Authentication(高级接入认证)部分,这是网络安全和访问控制的一个关键环节。 AAA(Authentication、Authorization、Accounting)是网络管理中的三个核心概念...

Global site tag (gtag.js) - Google Analytics