You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Header.aspx.cs" Inherits="OT.Web.Header" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title id="Title1" runat="server">Tour_Back</title> <style type="text/css"> li { display: inline; } .slider { width: 500px; } .list { list-style: none; margin: 0; padding: 0; } .slider ul { overflow: hidden; position: absolute; left: 430px; top: 16px; width: 500px; } slider li { float: left; text-align: center; width: 500px; } .slider label { display: inline-block; overflow: hidden; width: 500px; } </style></head><body onload="Refresh();" > <div id="wrapper"> <form id="Form1" runat="server"> <div id="header" class="cms-frame"> <!--class="cms-frame"--> <%--<a class="logo">主頁logo圖片***** </a>--%> <img class="logo" src="App_Themes/Default/images/logo01.png" alt="logo" /> <div class="welcome"> <asp:Literal ID="ltrLoginName" runat="server"></asp:Literal> (<span id="ltrtime">Watting Loading!!!</span>) </div> <div class="slider"> <ul class="list"> </ul> </div> <input id="NextLi" type="button" class="displayNone" onclick="ShowNextLi()" /> <ul class="menu right"> <li><a class="icon-user-md" title="個人資料" href="javascript:void(0);" onclick="javascript:parent.open_art('page/Utl/Members_Pop.aspx',600,'member');"> </a></li> <li><a class="icon-login" title="登出" href="javascript:void(0);" onclick="javascript:top.location.href = '/Login.aspx';"> </a></li> </ul> </div> </form> </div> <div style="display:none;"> <iframe id="reloadiframe" src="footer.aspx"></iframe> <span id="strUserID"><asp:Literal ID="ltrUserID" runat="server"></asp:Literal></span> </div></body></html><script type="text/javascript"> function Refresh() { var intminute = parseInt(new Date().formate("mm")); ltrtime.innerHTML = new Date().formate("yyyy/MM/dd EEE hh:mm:ss"); // 請參考Common.js if ((intminute % 10) === 0 && parseInt(new Date().formate("ss")) === 0) { //GetAnnouncementByAjax(); var iframe = document.getElementById('reloadiframe'); iframe.src = iframe.src; } setTimeout("Refresh()", 1000); } $(document).ready(function () { //GetAnnouncementByAjax(); setInterval('$("#NextLi").click();', 5000); }) /******************************************** * 函數名稱：GetAnnouncementByAjax() * 目的：從WebService讀取公告相關資料，使用Json格式傳回 * 作者：Gary * 時間：2014/08/11 *********************************************/ function GetAnnouncementByAjax() { var strWSLocation = '<%=ConfigurationManager.AppSettings["WSLocation"].ToString() %>'; var strURL = strWSLocation + 'GetAnnouncement'; //設定WebService路徑 var strMemberID = strUserID.innerHTML; $.ajax({ type: 'Post', url: strURL, dataType: 'xml', data: { strMemberID: strMemberID }, //如果要傳送參數，格式如左 success: function (jsonData) { var strjson = $(jsonData).text(); //取得回傳後的字串 var jsonAry = $.parseJSON(strjson); //把字串解析成Json格式的Array var intRowCount = jsonAry.length; //取得Array的總數 var liClass = ""; var liHtml = ""; for (intTime = 0; intTime < intRowCount; intTime++) { //跑回圈設定下拉選單總共的值 if (intTime == 0) { liClass = "" } else { liClass = "displayNone" } liHtml += "<li class='" + liClass + "'><a><label>" + "【" + jsonAry[intTime]['Title'] + "】" + jsonAry[intTime]['Contents'] + "</label></a></li>" } $(".slider ul").html(liHtml) } }); }
/******************************************** * 函數名稱：ShowNextLi() * 目的：模擬按下下筆資料 * 作者：Gary * 時間：2014/08/11 *********************************************/ function ShowNextLi() { var intCount = $(".status li").length; var IndexNow = $(".slider ul li.displayNone").index(); if (intCount == IndexNow) { IndexNow == 0 } else { IndexNow + 1 } $(".slider ul li").addClass("displayNone"); $(".slider ul li").each(function () { if ($(this).index() == IndexNow) { $(this).removeClass("displayNone"); } }); } </script>
|
