js小特效,頁面加載成功淡入淡出


<%@taglib uri="/struts-tags" prefix="s"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>歌曲發送任務列表</title>
        <style type="text/css"></style>
        <script src="<%=basePath %>js/jquery-1.3.2.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="<%=basePath %>css/main.css" type="text/css" />

    </head>

    <body>
    <div id="loading" style="position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(<%=basePath%>images/loading.gif) no-repeat center center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;" onclick="javascript:turnoff('loading')">
        <p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -50px; padding:3px 10px;" onclick="javascript:turnoff('loading')">頁面載入中..</p>
        </div>
    <script type="text/javascript">
    //<![CDATA[
      function turnoff(obj){
        document.getElementById(obj).style.display="none";
      }
    //]]>
    </script>
        
    </body>
</html>
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章