<style type="text/css">
#round_up_adv img{width:535px;height:212px;}
#round_up_adv #play_text{position:absolute;margin:188px 0 0 360px;height:20px;width:200px;z-index:1002}
#round_up_adv #play_bg {position:absolute;background-color:#000;margin-top:180px;height:30px;width:535px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000}
#round_up_adv #play_list a{display:block;width:535px;height:212px;position:absolute;overflow:hidden;float:left;}
</style>
<script type="text/javascript">
var t = n = count = 0;
$(function () {
count = $("#play_list a").size();
$("#play_list a:not(:first-child)").hide();
$("#play_info").html($("#play_list a:first-child").find("img").attr('alt'));
$("#play_text li:first-child").css({ "background": "#fff", 'color': '#000' });
$("#play_info").click(function () { window.open($("#play_list a:first-child").attr('href'), "_blank") });
$("#play_text li").click(function () {
var i = $(this).text() - 1;
n = i;
if (i >= count) return;
$("#play_info").html($("#play_list a").eq(i).find("img").attr('alt'));
$("#play_info").unbind().click(function () { window.open($("#play_list a").eq(i).attr('href'), "_blank") })
$("#play_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
$(this).css({ "background": "#8FE7F5", 'color': '#000' }).siblings().css({ "background": "#3783A3", 'color': '#ECF3FD' });
});
t = setInterval("showAuto()", 5000);
$("#round_up_adv").hover(function () { clearInterval(t) }, function () { t = setInterval("showAuto()", 2000); });
})
function showAuto() {
n = n >= (count - 1) ? 0 : n + 1;
$("#play_text li").eq(n).trigger('click');
}
</script>
<div id="round_up_adv">
<div id="play_bg"></div>
<div id="play_text">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
<div id="play_list">
<asp:Repeater ID="repPlayAdv" runat="server">
<ItemTemplate>
<a href='<%# Eval("LinkUrl") %>' target="_blank">
<img src='<%# Eval("ImageUrl") %>' title='<%# Eval("Title") %>' alt='<%# Eval("Title") %>' />
</a>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
#round_up_adv img{width:535px;height:212px;}
#round_up_adv #play_text{position:absolute;margin:188px 0 0 360px;height:20px;width:200px;z-index:1002}
#round_up_adv #play_bg {position:absolute;background-color:#000;margin-top:180px;height:30px;width:535px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000}
#round_up_adv #play_list a{display:block;width:535px;height:212px;position:absolute;overflow:hidden;float:left;}
</style>
<script type="text/javascript">
var t = n = count = 0;
$(function () {
count = $("#play_list a").size();
$("#play_list a:not(:first-child)").hide();
$("#play_info").html($("#play_list a:first-child").find("img").attr('alt'));
$("#play_text li:first-child").css({ "background": "#fff", 'color': '#000' });
$("#play_info").click(function () { window.open($("#play_list a:first-child").attr('href'), "_blank") });
$("#play_text li").click(function () {
var i = $(this).text() - 1;
n = i;
if (i >= count) return;
$("#play_info").html($("#play_list a").eq(i).find("img").attr('alt'));
$("#play_info").unbind().click(function () { window.open($("#play_list a").eq(i).attr('href'), "_blank") })
$("#play_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
$(this).css({ "background": "#8FE7F5", 'color': '#000' }).siblings().css({ "background": "#3783A3", 'color': '#ECF3FD' });
});
t = setInterval("showAuto()", 5000);
$("#round_up_adv").hover(function () { clearInterval(t) }, function () { t = setInterval("showAuto()", 2000); });
})
function showAuto() {
n = n >= (count - 1) ? 0 : n + 1;
$("#play_text li").eq(n).trigger('click');
}
</script>
<div id="round_up_adv">
<div id="play_bg"></div>
<div id="play_text">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
<div id="play_list">
<asp:Repeater ID="repPlayAdv" runat="server">
<ItemTemplate>
<a href='<%# Eval("LinkUrl") %>' target="_blank">
<img src='<%# Eval("ImageUrl") %>' title='<%# Eval("Title") %>' alt='<%# Eval("Title") %>' />
</a>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
发表评论
-
ASP.net把datatable与list转成json输出
2014-12-10 12:02 783源代码: //DataTable转成Json ... -
开发问题集锦
2014-09-18 16:45 6721.SWFUpload问题 "触发uploadErr ... -
repeater嵌套使用
2014-09-16 18:38 732前台: <div id="m ... -
ASP.NET环境下使用KindEditor
2013-11-26 16:46 2876最新版的KindEditor,按照在线文档http://www ... -
ASP.NET与Sql Server数据库的空数据的交互
2013-08-02 22:55 951数据库中的字段:(1) ArticleId int型 外键 可 ... -
设置网页的Title、keywords和description
2013-03-20 15:35 796protected void Page_Load(obje ... -
再谈<<在ASP.NET中重写URL>>
2013-02-20 09:17 861将之前的<<在ASP.NET中重写URL>& ... -
VS2010母版版引入js和css文件
2012-10-31 17:15 829动态引入js文件和css样式表文件 1 引入js文件 Ht ... -
.NET网站中利用jQuery Ajax获取后台数据
2011-12-19 11:59 3232一般处理程序 using System.Web.Script. ... -
解决:Sys.WebForms.PageRequestManagerServerErrorException(status code 500 OR 12031)
2011-12-09 10:21 1244解决:Sys.WebForms.PageRequestMana ... -
在ASP.NET中重写URL
2011-12-08 18:02 732目标:将网页地址伪静态 实现:在Global.asax中改写: ... -
ashx文件使用Session(转)
2011-12-02 11:25 824查阅MSDN得到ashx文件要使用Session,必须实现Se ... -
作品展示
2011-11-05 16:27 792刚开发完成 看一下效果 [img][/img] ... -
ASP.NET上传大文件
2011-10-27 17:20 3993上网下一个neatupload 1.2.32的压缩包:(附压缩 ... -
asp .NET弹出窗口汇总(转)
2011-08-16 09:39 591注: //关闭,父窗口弹出对话框,子窗口直接关闭 this ... -
精通ASP.NET中弹出窗口技术(转)
2011-08-16 09:36 886摘要:本文讨论如 ... -
asp.net中的验证控件的使用
2010-04-07 16:35 963前台: <h4>验证控件使用测试< ... -
.net利用AJAX实现局部刷新
2010-04-07 16:30 3313前台: <div> ... -
一个SQL Server2000和2005都能用的分页方法
2010-04-07 16:25 989(1)存储过程(SQL2000和2005下都可用): ... -
数据控件+PagedDataSource完成分页
2010-04-07 15:59 1005前台: <asp:Repeater ...
相关推荐
asp.net+jquery显示数据+分页
jquery 分页(无刷新.net)源码 asp.net + jquery + sql server实现的无刷新分页源码下载
大型Ajax聊天室(ASP.NET+jQuery) ASP.NET+JQuery实现Ajax无刷新技术,程序比较简单,只有一个ajax.aspx是动态页面,其余全是静态页面。因此,本程序是您学习Ajax的好范例,其使用的JQuery插件,也是目前Ajax技术...
Asp.Net+Jquery实现的图片放大镜效果。如电子商城的商品详细页面的图片放大镜效果
Asp.net+jQuery+HttpHandler+抽象工厂+七层架构=经典实例
Asp.net+Jquery做的自动补全功能(autocomplete) ,使用前请看帮助文档,有数据库以及表结构的介绍,只需改动webConfig的连接字符~,开发工具:VS2010+Sql2005
asp.net+jquery_json,
ASP.NET+jQuery 实现google successtion
一个基于ASP.net+Jquery+GridView实现无刷新TreeGrid源码例子
asp.net+jquery+ json 分页 两种分页样式
asp.net+query实现文件ajax上传。
ASP.NET+jQuery 批量文件上传控件及示例程序
asp.net+jquery+ajax无刷新用户注册,登录,修改密码
关于Spring.net + iBatis.net + asp.net MVC 整合的文档,值!
asp.net+jquery无刷新上传文件
一款基于ASP.net+jQuery的无刷新多文件上传系统,轻松实现AJAX无刷新上传文件,没有使用任何第三方控件,全是用ASP.NET自写程序实现的上传,一次可以上传多个文件,用到了jQuery插件来控制程序的执行,可以适合添加...
最新ASP.NET+SQL Server项目
模仿百度下拉提示框, 自动完成 下拉提示框Ajax+ASP.NET+Jquery)(IE、FF兼容
使用asp.net + Jquery 实现.附带数据库脚本(oracle版本)