You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
4.1 KiB
JavaScript
66 lines
4.1 KiB
JavaScript
6 years ago
|
// JavaScript Document
|
||
|
|
document.writeln("<link href=\"\/css\/inpage-tailor.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\" \/>");
|
||
|
|
document.writeln("<div class=\"inpageTailor\">");
|
||
|
|
document.writeln(" <div class=\"tailorForm\">");
|
||
|
|
document.writeln(" <div class=\"tailorContent\">Change it to suit! - 90% of our clients tailor the tour to suit their price & interests!");
|
||
|
|
document.writeln(" <\/div>");
|
||
|
|
document.writeln(" <div class=\"tailorButton\"><a href=\"//www.chinahighlights.com\/forms\/tailormadetours.htm\" class=\"inquire\"><\/a> <\/div>");
|
||
|
|
document.writeln(" <div class=\"clear\"><\/div>");
|
||
|
|
document.writeln(" <\/div>");
|
||
|
|
document.writeln(" <\/div>");
|
||
|
|
$(function(){
|
||
|
|
var tel_list = [];
|
||
|
|
$(".moretelNo ul li").each(function(){
|
||
|
|
tel_list.push($(this).text());
|
||
|
|
});
|
||
|
|
$("#fp,#fp img").click(function(){
|
||
|
|
$("#fp").addClass("freePhone");
|
||
|
|
$(".moretelNo").show(100);
|
||
|
|
$(".moretelNo ul li").show();
|
||
|
|
$(".moretelNo ul li:eq("+jQuery.inArray($("#fp span").text(), tel_list)+")").hide();
|
||
|
|
});
|
||
|
|
$(".moretelNo ul li").click(function(){
|
||
|
|
$(".telNo strong").hide();
|
||
|
|
$("#"+ $(this).attr("id")).show();
|
||
|
|
$("#fp span").html("");
|
||
|
|
$("#fp span").html(tel_list[jQuery.inArray($(this).text(), tel_list)]);
|
||
|
|
$("#fp").removeClass("freePhone");
|
||
|
|
$(".moretelNo").hide(100);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
document.writeln("<div class=\"chExpert\">");
|
||
|
|
document.writeln(" <ul>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/14.png\">Karen</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/35286.jpg\">Leon</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/21125.jpg\">Lussie</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/26613.jpg\">Michael</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/9.jpg\">Nora</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/35289.jpg\">Sammi</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/35283.png\">Ruby</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/18.jpg\">Simon</li>");
|
||
|
|
document.writeln(" <li><img src=\"//www.chinahighlights.com/community/customer-center/customerphoto/temp/301.jpg\">Nancy</li>");
|
||
|
|
document.writeln(" </ul>");
|
||
|
|
document.writeln(" </div>");
|
||
|
|
document.writeln(" <div class=\"TailorPhone\">");
|
||
|
|
document.writeln(" <div class=\"numberLeft\">Free Call ");
|
||
|
|
document.writeln(" <span class=\"telNo\">");
|
||
|
|
document.writeln(" <strong id=\"USA-CA\">800-268 2918<\/strong> ");
|
||
|
|
document.writeln(" <strong id=\"Australia\" style=\"display: none\">1800-764 678<\/strong>");
|
||
|
|
document.writeln(" <strong id=\"UK\" style=\"display: none;\">0800-032 7753<\/strong>");
|
||
|
|
document.writeln(" <strong id=\"China\" style=\"display: none;\">800-879 3007<\/strong>");
|
||
|
|
document.writeln(" <strong id=\"Other-Area\" style=\"display: none;\">86-773-283 1999<\/strong> ");
|
||
|
|
document.writeln(" from");
|
||
|
|
document.writeln(" <\/span>");
|
||
|
|
document.writeln(" <\/div>");
|
||
|
|
document.writeln(" <span id=\"fp\"><span>USA & CA<\/span> <img src=\"\/pic\/arrowDown2.gif\"><\/span>");
|
||
|
|
document.writeln(" <div class=\"moretelNo\" style=\"display: none;\">");
|
||
|
|
document.writeln(" <ul>");
|
||
|
|
document.writeln(" <li id=\"USA-CA\" style=\"display: none;\">USA & CA<\/li>");
|
||
|
|
document.writeln(" <li id=\"Australia\">Australia<\/li>");
|
||
|
|
document.writeln(" <li id=\"UK\">UK<\/li>");
|
||
|
|
document.writeln(" <li id=\"China\">China<\/li>");
|
||
|
|
document.writeln(" <li id=\"Other-Area\">Other Area<\/li>");
|
||
|
|
document.writeln(" <\/ul>");
|
||
|
|
document.writeln(" <\/div>");
|
||
|
|
document.writeln(" <\/div>");
|