焦点轮播图

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PicNews.ascx.cs" Inherits="UserControl_PicNews" %>
    <script language="javascript" type="text/javascript" src="JS/TabControl.js"></script>
    <script language="javascript" type="text/javascript" src="JS/Common.js"></script>
    <style type="text/css">
<!--
body{font-size:12px}
a{color:#333;text-decoration:none;}
a:hover{color:#901d22;text-decoration:underline;}
.clear{clear:both;line-height:0;height:0;font-size:0;}
.blank{clear:both;height:18px;}
.blank2{clear:both;height:10px;line-height:0;font-size:0;}
.blank3{clear:both;height:6px;line-height:0;font-size:0;}
select,input{font-size:12px;}

a.Ared,a.Ared:hover{color:#8F1D21;}
a.Ared2,a.Ared2:hover{color:#8F1D21; text-decoration:none;}
/*焦点轮播图*/
#focusPic{float:left;padding-bottom:2px; width:275px; height:250px;}
#focusPic ul{float:left; width:275px;background:url(IMG/focuspic2.gif) no-repeat right top;list-style-type: none;margin:0;}
#focusPic li{float:left; width:46px; height:26px;background:url(IMG/focuspic.gif) no-repeat left;line-height:24px;text-align:center; font-weight:bold;}
#focusPic li a,#focusPic li a{color:#666;text-decoration:none;}
#focusPic li.current{width:46px; height:26px; line-height:24px;background:url(IMG/focuspic.gif) no-repeat right;}
#focusPic li.current a,#focusPic li.current a{color:#fff;text-decoration:underline;}
#focusPic .pic{float:left;position:relative;width:275px; height:200px; }
#focusPic .textbg{position:absolute; top:210px; left:0;width:275px;height:30px;z-index:15; background:#000; filter:alpha(opacity=60);-moz-opacity:0.6;}
#focusPic .text{position:absolute; top:210px; left:0;width:275px;height:30px;z-index:16; text-align:center; color:#fff;font-weight:bold;}
#focusPic .text a{color:#fff; line-height:30px;}

#scrollNews2{float:left; width:425px; height:160px;padding:0 0 3px 12px;}
#scrollNews2 .list6{float:left; width:420px;height:148px; color:#333;overflow:hidden; margin-top:8px; font-size:14px;}
#scrollNews2 .list6 li{width:420px;height:24px;}
#scrollNews2 .list6 li span{color:#666; font-family:Arial, Helvetica, sans-serif;}
-->
</style>
  <div style="padding-top:5px; padding-left:25px">

 <div id="focusPic" style="width: 252px">
        <ul id="trNews" style="width: 277px">
             <li id="t1"><a href="#">指数</a></li>
    <li id="t2"><a href="<%=sorthref[0]%>" target="_blank"><%=sort[0]%></a></li>
    <li id="t3"><a href="<%=sorthref[1]%>" target="_blank"><%=sort[1]%></a></li>
    <li id="t4"><a href="<%=sorthref[2]%>" target="_blank"><%=sort[2]%></a></li>
    <li id="t5"><a href="<%=sorthref[3]%>" target="_blank"><%=sort[3]%></a></li>
    <li id="t6"><a href="<%=sorthref[4]%>" target="_blank"><%=sort[4]%></a></li>
   </ul>
  
   <div class="pic" id="s1">
   <div class="textbg"></div>
   <div class="text">上证综指</div>
<!--<img src="http://minpic.quote.stock.hexun.com/WebPic/SH/Min/000001_www.gif"width="275" height="240" border="0"/>-->
 <img src="http://minpic.quote.stock.hexun.com/WebPic/SH/Min/000001_big.gif" width="275" height="240" border="0" id="IMG1" />
 
   </div>
   <div class="clear"></div>
  
   <div class="pic" id="s2">
   <div class="textbg"></div>
   <div class="text">
<a href="<%=titlehref[0]%>" target="_blank"><%=title[0]%></a></div>
<a href="<%=pichref[0]%>" target="_blank">
<img src="<%=pic[0]%>" width="275" height="240" border="0" /></a>
   </div>
  
   <div class="pic" id="s3">
   <div class="textbg"></div>
   <div class="text" style="left: 0px; top: 210px"><a href="<%=titlehref[1]%>" target="_blank">  <%=title[1]%> </a></div>
<a href="<%=pichref[1]%>" target="_blank"> <img src="<%=pic[1]%>" width="275" height="240" border="0"/></a>
   </div>
  
   <div class="pic" id="s4">
   <div class="textbg"></div>
   <div class="text"><a href="<%=titlehref[2]%>" target="_blank"><%=title[2]%></a></div>
<a href="<%=pichref[2]%>" target="_blank"><img src="<%=pic[2]%>" width="275" height="240" border="0"/></a>
   </div>
  
   <div class="pic" id="s5">
   <div class="textbg"></div>
   <div class="text"><a href="<%=titlehref[3]%>" target="_blank"><%=title[3]%></a></div>
   <a href="<%=pichref[3]%>" target="_blank"><img src="<%=pic[3]%>" width="275" height="240" border="0"/></a>
   </div>
  
   <div class="pic" id="s6">
   <div class="textbg"></div>
   <div class="text" style="width: 278px"><a href="<%=titlehref[4]%>" target="_blank"><%=title[4]%></a></div>
<a href="<%=pichref[4]%>" target="_blank"><img src="<%=pic[4]%>" width="275" height="240" border="0"/></a>
   </div>
  
</div>
<script type="text/javascript">
var focusCtr=new TabControl();
focusCtr.addRange($('trNews').getElementsByTagName('li'),['s1','s2','s3','s4','s5','s6']);
focusCtr.triggerType = "mouseover";
focusCtr.enableSlide=true;
focusCtr.slideInterval=2000;
focusCtr.init();
</script>
</div>

 

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class UserControl_PicNews : System.Web.UI.UserControl
{
    public string[] pic;
    public string[] sort;
    public string[] title;
    public string[] sorthref;
    public string[] pichref;
    public string[] titlehref;

    protected void Page_Load(object sender, EventArgs e)
    {
        pic = new string[5] { "1", "2", "3", "4", "5" };
        sort = new string[5] { "1", "2", "3", "4", "5" };
        title = new string[5] { "1", "2", "3", "4", "5" };
        sorthref = new string[5] { "1", "2", "3", "4", "5" };
        pichref = new string[5] { "1", "2", "3", "4", "5" };
        titlehref = new string[5] { "1", "2", "3", "4", "5" };

        try
        {
            DataTable dt = PicNews.getPicNewsList();
            for (int i = 0; i < 5; i++)
            {
                sort[i] = dt.Rows[i]["Sort"].ToString();
                pic[i] = dt.Rows[i]["Pic"].ToString();
                title[i] = dt.Rows[i]["Title"].ToString();
                titlehref[i] = dt.Rows[i]["TitleHref"].ToString();
                pichref[i] = dt.Rows[i]["PicHref"].ToString();
                sorthref[i] = dt.Rows[i]["SortHref"].ToString();
                
            }
            dt.Dispose();
        }
        catch (Exception ex)
        {
            Response.Write(ex.Message.ToString());
        }

    }
}