Banner广告图片 （兼容IE6-IE10 火狐 谷歌等浏览器的）

最新推荐文章于 2024-10-08 13:36:46 发布
最新推荐文章于 2024-10-08 13:36:46 发布
阅读量212 收藏
点赞数
文章标签： xhtml c# javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/danyanqianxiao/article/details/84683499
版权
--一个兼容IE6-IE10 火狐 谷歌等浏览器的 Banner广告图片

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FIndex.aspx.cs" Inherits="Game.Web.Foyer.FIndex" %>
<!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 runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="../CSS/gloabl.css" rel="stylesheet" />
<link type="text/css" href="../CSS/main.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/jquery.cxslide.min.js"></script>
<script type="text/javascript" src="../js/slider1.js"></script>
</head>
<body onselectstart="return false">
<form id="form1" runat="server" >
<div class="wrapper">
<div class="banner" >
<div id="slide_x" class="slide_x">
<div class="box">
<ul class="list">
<%
WebFragmentList = BindWeBFragnenet(1,3);
if (WebFragmentList != null)
{
foreach (var item in WebFragmentList)
{
if (item.ID == 1)
{%>
<li><a href="" target="_blank"><img width="508" src="http://www.lovexyyx.com<%= item.ImgUrl %>"></a></li>
<% }
else
{ %>
<li><a href="" target="_blank"><img width="508" src="http://www.lovexyyx.com<%= item.ImgUrl %>"></a></li>
<% }

} } %>
</ul>
</div>
<ul class="btn">
<li class="b_1">1</li>
<li class="b_2">2</li>
<li class="b_3 selected">3</li>
</ul>
<div class="plus"></div><div class="minus"></div></div>
</div>
<div class="activity">
<div class="acttit">活动专题介绍</div>
<div class="actlist">
<div class="btnleft"><img src="/image/btnleft.jpg"></div>
<div class="ibox1">
<div class="aclist">
<ul>
<%
WebFragmentList = BindWeBFragnenet(2,6);
if (WebFragmentList != null)
{
foreach (var item in WebFragmentList)
{
if (item.ID == 4)
{ %>
<li>
<span><a title="<%=item.Title %>" target="_blank" href="<%=item.ExtendUrl %>"><img src="http://www.lovexyyx.com<%= item.ImgUrl %>" width="124px" height="73px"></a></span>
<samp><a href="" class="grey"><%=item.Title%></a></samp>
</li>

<% }
else
{ %>
<li>
<span><a title="<%=item.Title %>" target="_blank" href="<%=item.ExtendUrl %>"><img src="http://www.lovexyyx.com<%= item.ImgUrl %>" width="124px" height="73px"></a></span>
<samp><a href="" class="grey"><%=item.Title%></a></samp>
</li>
<% }
} } %>

<%
WebFragmentList = BindWeBFragnenet(2,6);
if (WebFragmentList != null)
{
foreach (var item in WebFragmentList)
{
if (item.ID == 4)
{ %>
<li>
<span><a title="<%=item.Title %>" href="<%=item.ExtendUrl %>" target="_blank"><img src="http://www.lovexyyx.com<%= item.ImgUrl %>" width="124px" height="73px"></a></span>
<samp><a href="" class="grey"><%=item.Title%></a></samp>
</li>

<% }
else
{ %>
<li>
<span><a title="<%=item.Title %>" target="_blank" href="<%=item.ExtendUrl %>"><img src="http://www.lovexyyx.com<%= item.ImgUrl %>" width="124px" height="73px"></a></span>
<samp><a href="" class="grey"><%=item.Title%></a></samp>
</li>
<% }
} } %>

</ul>
</div>
</div>
<div class="btnright"><img src="/image/btnright.jpg"></div>
</div>
</div>
<div class="match">
<div class="matchtit">比赛专题介绍</div>
<div class="matchlist">
<div class="mbtnleft"><img src="/image/btnleft.jpg"></div>
<div class="ibox">
<div class="mlist">
<ul>
<% WebFragmentList = BindWeBFragnenet(3, 6);
if (WebFragmentList != null)
{
foreach (var item in WebFragmentList)
{
%>
<li>
<span><a title="<%=item.Title %>" href="<%=item.ExtendUrl %>" target="_blank" ><img src="http://www.lovexyyx.com<%=item.ImgUrl %>" width="124px" height="73px"></a></span>
<samp><a href="" class="grey"><%=item.Title%></a></samp>
</li>
<%}
} %>
<% WebFragmentList = BindWeBFragnenet(3, 6);
if (WebFragmentList != null)
{
foreach (var item in WebFragmentList)
{
%>
<li>
<span><a title="<%=item.Title %>" href="<%=item.ExtendUrl %>" target="_blank" ><img src="http://www.lovexyyx.com<%=item.ImgUrl %>" width="124px" height="73px"></a></span>
<samp><a href="" class="grey"><%=item.Title%></a></samp>
</li>
<%}
} %>


</ul>
</div>
</div>
<div class="mbtnright"><img src="/image/btnright.jpg"></div>
</div>
</div>
</div>
<script type="text/javascript">
$("#slide_x").cxSlide({ plus: true, minus: true });
</script>
</form>
</body>
</html>


FIndex.cs 代码


public partial class FIndex : UCPageBase
{

public string webadd = Game.Utils.ApplicationSettings.Get("qiantWeb");
private PlatformFacade platfomrFacade = new PlatformFacade();
public IList<WebFragmentInfo> WebFragmentList = null;
private NativeWebFacade webFacade = new NativeWebFacade();
public IList<GameKindItem> GameList = null;
protected void Page_Load(object sender, EventArgs e)
{

}

public IList<GameKindItem> GetGameKindItem(int typeId, int top)
{

IList<GameKindItem> GetHotGameList = platfomrFacade.GetGameKindsByTypeID(typeId, top);
return GetHotGameList;
}

#region 获取Bannder相关信息
public IList<WebFragmentInfo> BindWeBFragnenet(int typeId, int top)
{

IList<WebFragmentInfo> GetFragmentInfoList = webFacade.GetWebFragmentInfo(typeId, top);
return GetFragmentInfoList;
}
#endregion
danyanqianxiao
关注
Web前端编码规范和浏览器兼容
qq_35146998的博客
03-18 655
总的来说，Web前端的书写由浏览器进行编译展示成我们看到的各种各样的界面，其中涉及到许许多多的小的东西。      1:命名规范         Web前端的各种各样的操作是分的非常细的，每一个我们看到的区域都是由很多可能说细小但不能省略的部分组成，比如说一个div。其中就包含着他的诸多属性，样式调节，根据不同的动态效果而需要写一个专门的javascript代码，其中就涉及许多的东西。可以说我
兼容IE、FF的悬停banner效果（需配合JQuery使用）
C'est la vie de Maxime
02-15 1091
div id="Flyer">    a href="http://www.g.cn/">        img src="./Stuff/Images/tmp_doctor.jpg" width="100" height="100" alt="" />    a>    span>[ a href="javascript:void(0);" onclick="closeFlayer()">关
自定义banner，兼容大部分情况。
zhao6048的专栏
04-25 462
这是一个可以无限滚动的顶部公告。 Java代码RollAdvertise.jave： package com.example.jun.testmybanner.fragment; import android.content.Context; import android.net.Uri; import android.os.Bundle; import android.os.Handler
兼容IE 6 7 8等低版本浏览器的banner幻灯片特效
06-09
兼容IE 6 7 8等低版本浏览器的banner幻灯片特效
适用于各个浏览器并兼任ie7以上的轮播图
汉堡请不要欺负面条
03-06 2861
这是使用绝对定位来做 轮播图 body,ul,li{margin: 0;padding: 0;} /*幻灯片*/ .bannerwarp{ width: 100%; height: 600px; position: relative;
用jq设置web端浏览器自适应效果（兼容IE7以上）
cai0_0的博客
09-05 1214
1、定义判断浏览器的变量：var isFirefox = navigator.userAgent.indexOf("Firefox")>0 //判断火狐 ,isIE8 = navigator.userAgent.indexOf("MSIE 8.0")>0 //判断IE8 ,isChrome = navigator.userAgent.indexOf("Chr
IE、FF、Safari、OP不同浏览器兼容报告
zhu_yanjie的专栏
09-02 2198
1         浏览器内核简介   Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos FireFox Presto Opera Webkit Safari、Chrome   浏览器最重要或者说核心的部分
css3 calc()自适应布局属性 ---浏览器版本兼容性的问题
热门推荐
飘过的春风
10-13 5万+
“无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。点这里可以跳转到教程。” 我们想要实现页面自适应布局时，通常因为margin的存在，而比较麻烦；有时候想要实现宽度自适应的输入框时，也因为padding或margin的存在，而相当繁琐，同时由于浏览器兼容性而导致最终效果不一致。css3新添加属...
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
10-21
本文主要讲述如何利用jQuery实现一个简单的图片切换效果，该方法支持跨浏览器的兼容，包括早期的IE6浏览器、火狐（Firefox）、谷歌（Chrome）、欧朋（Opera）等现代浏览器。文章通过实例代码演示了如何使用jQuery...
支持多浏览器轮播器
12-10
支持IE6-11，chrome,safari,chrome
Angel工作室企业网站源码 v1.1.rar
07-09
Angel工作室企业网站管理系统全DIV CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员...
Angel工作室企业网站源码 v2.0.rar
07-05
Angel工作室企业网站管理系统全DIV CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员...
关于轮播图的ie不兼容
weixin_44349490的博客
01-22 951
function move(obj, attr, target, speed, callback) { clearInterval(obj.timer); var current = parseInt(getStyle(obj, attr)); if(current &gt; target) { speed = -speed; } obj.timer = setInterval(function(...
XHTML 简介
wjs2024的博客
10-04 740
XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。
分享一下C#单例模板类SingletonTemplate＜T＞
qq_41184334的博客
10-08 397
单例模式是一种软件设计模式，旨在确保一个类只有一个实例，并提供一个全局访问点来获取该实例。可以确保实例只在第一次被访问时创建，避免了每次进入锁后都进行实例创建的开销。在内部会处理线程安全问题，无需手动进行双重检查锁定。这段代码实现了一个通用的单例模板类。在多线程环境下，使用。
C# WebService返回参数为DataTable报错“XML文档有错误”
最新发布
log103628的博客
10-08 434
2、由于C#从 XML 反序列化 DataSet 或 DataTable 时的默认限制，所以需要先把调用方的项目开放限制，如果是.netframework项目，需要在app.config中添加。3、调用WebService的项目引用该类型的库（不引用目前不知道怎么开放限制）该问题由于DataTable列存在自定义类型。1、自定义类型增加xml序列化。
Android开发：实现Banner广告图片自动与手动循环轮播
"这篇文章主要讲解如何在Android平台上实现一个Banner界面的广告图片循环轮播功能，包括手动滑动循环的效果。作者指出，虽然通常可以使用ViewPager来创建滑动页面，但ViewPager本身不支持循环滚动，因此需要自定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值