http://dl.tuniu.com/tours/249086?intcmp=niuren_dl_l3_249086当价格更新时告诉我出发日期与价格 (旺季价格和位置变化较快,以下信息仅供参考,请您谅解。) 下面的日期上加一下信息
日期下面加上数据库中的信息

解决方案 »

  1.   

     <!--出发日期与价格 -->
    <div id="tourCalendar">
    <h2 class="route_t_green" id="price_update"><a href="javascript:void(0)" onclick="show_frame();"  style="color:#4e9700; font-weight:normal; padding-left:22px;margin:10px 10px 0 0;_display:inline;font-size:12px;line-height:1.2em;text-decoration:underline;float:right;background:url(http://img1.tuniucdn.com/icons/route/icon_laba.png) no-repeat left top;">当价格更新时告诉我</a>出发日期与价格 <span>(旺季价格和位置变化较快,以下信息仅供参考,请您谅解。)</span></h2>
    <div class="calendar_box2" style="display:none;z-index:50;" id="calendar_div">
        <div class="calendar_show">
          <h3>价格更新邮件订阅</h3>
            <div class="cl-close" onclick="iframeClose();">X</div>
            <div class="cl-box">
            <iframe id="mail_iframe" width="422" height="400" frameborder="0" scrolling="No" vspace="0" hspace="0" marginheight="0" marginwidth="0" src=""></iframe>
            </div>
     </div>
    </div>

    <div class="clear" id="cal_show">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody><tr>
    <td id="left_calendar" align="left" valign="top">
    <div id="show_cal1">
    </div></td>
    <td width="20"></td>
    <td id="right_calendar" align="right" valign="top">
    <div id="show_cal2">
    </div></td>
    </tr></tbody></table>
    </div>
    </div>
    <script>
    function showCalendarAjaxNew(route_id,date){
    var pars='do=route_ajax_new&route_id='+route_id+'&date='+date+'&flag=2&cache='+Math.random();
    Request.sendPOST('http://dl.tuniu.com/main.php', pars, afterShowCalendarAjaxNew);
    }
    function afterShowCalendarAjaxNew(ajax){
    var result = ajax.responseText;
    document.getElementById("cal_show").innerHTML = result;
    }
    function next_cal(date){
    showCalendarAjaxNew(249086,date);
    }
    function past_cal(date){
    showCalendarAjaxNew(249086,date);
    }
    showCalendarAjaxNew(249086,'');function show_frame(){
    var selector = document.getElementById("price_update");
    var posY = findPosY(selector)-110;
    document.getElementById("calendar_div").style.right = '0px';
    document.getElementById("calendar_div").style.top = posY + 'px';
    document.getElementById("calendar_div").style.position = 'absolute';
    document.getElementById("calendar_div").style.display = 'block';
    document.getElementById("mail_iframe").src = 'http://dl.tuniu.com/agency/routes/price_order/249086';
    small_iframe();
    }function iframeClose(){
    document.getElementById("calendar_div").style.display = 'none';
    }</script>
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#car_info").find("tr").each(function(i) {
    if( i >10 ) {
    $(this).find("td").hide();
    }
    });

    $("#more_click").click(function(){
    $("#car_info td").show();
    $("#show_more").remove();
    return false;
    })
    })
    </script>
    这些吗
      

  2.   


    日期下面加上数据库中的信息?你说的是这个时间控件吧jMonthCalendar应用
      

  3.   

    绑定jquery的hover事件,然后用ajax系的函数读后台.