爱游戏体育(AYXSPORTS)新闻资讯中心
感谢您选择爱游戏体育(AYXSPORTS)。如果您有任何关于赛事资讯的问题,随时欢迎访问我们的支持论坛。
赛事快讯
解压文件,您将找到“资讯”文件夹。里面包含以下文件和目录:
- CSS文件
- 字体图标
- 图片资源
- jQuery脚本
- 插件资源
- 联系表单文件
爱游戏体育为您提供专业、贴心的服务体验。
热门赛事
我们已在网站内集成了多项实用功能。查找页面顶部导航栏,即可快速切换至您感兴趣的赛事资讯。
<!-- Css -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="revolution/css/settings.css" />
<link rel="stylesheet" href="css/font-icons.css" />
<link rel="stylesheet" href="css/rev-slider.css" />
<link rel="stylesheet" href="css/sliders.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/spacings.css" />
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/colors/red.css" />
赛程指南
基础导航结构包含以下代码。要从透明变为纯色,您需要移除透明class并从标记中删除浅色Logo。
<header class="nav-type-1 transparent">
<div class="search-wrap">
...
</div>
<nav class="navbar navbar-static-top">
<div class="navigation">
<div class="container-fluid semi-fluid relative">
<div class="row">
<div class="navbar-header">
<!-- Logo -->
<div class="logo-container">
...
</div>
</div> <!-- end navbar-header -->
<div class="col-md-12 nav-wrap">
<div class="collapse navbar-collapse text-center" id="navbar-collapse">
<ul class="nav navbar-nav">
...
</ul>
</div>
</div> <!-- end nav-wrap -->
<ul class="nav-right hidden-sm hidden-xs">
...
</ul>
</div>
</div>
</div>
</nav>
</header>
赛果速查
打开联系页面,在指定位置输入您的邮箱地址。保存即可。
$to = "testemail@gmail.com"; // Your email here
注意:本站不提供任何赛事组织或结果预测,仅以结构化信息呈现。
足球赛事专区
爱游戏体育为您提供专业、贴心的服务体验。$headers = 'From: ' . $mail .''. "\r\n".
数据统计
在地图div的data-address属性中粘贴您的地址
<div id="google-map" class="gmap" data-address="V Tytana St, Manila, Philippines"></div>
数据接口
自2016年7月起,地图API可能需要一个密钥,您可以免费获取。只需遵循说明——在此处。获得密钥后,将其粘贴到地图脚本中。
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=PASTE-YOUR-KEY-HERE"></script>
直播源链接
地图代码位于所有其他脚本之后,在HTML的底部。
<!-- jQuery Scripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js"></script>
<script type="text/javascript" src="js/gmap3.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/twitterFetcher_min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/rev-slider.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- Google Map -->
<script type="text/javascript">
$(document).ready( function(){
var gmapDiv = $("#google-map");
var gmapMarker = gmapDiv.attr("data-address");
gmapDiv.gmap3({
zoom: 16,
address: gmapMarker,
oomControl: true,
navigationControl: true,
scrollwheel: false,
styles: [
{
"featureType":"all",
"elementType":"all",
"stylers":[
{ "saturation":"0" }
]
}]
})
.marker({
address: gmapMarker,
icon: "img/map_pin.png"
})
.infowindow({
content: "V Tytana St, Manila, Philippines"
})
.then(function (infowindow) {
var map = this.get(0);
var marker = this.get(1);
marker.addListener('click', function() {
infowindow.open(map, marker);
});
});
});
</script>
获取经纬度,这里有一个好用的服务
爱游戏体育为您提供专业、贴心的服务体验。此处精彩集锦
更改主题主色的两种方式
实时比分
手动更改所有颜色值。打开文本编辑器并更改颜色值。
在HTML头部引入样式文件
<link rel="stylesheet" href="css/colors/color.css" />
赛程安排
使用Sass。此处描述了操作流程 - 链接
球队聚焦
要更改图标,请遵循以下步骤。
步骤一:
在列表中选择所需的图标 - 链接
步骤二:
获取图标的类名
步骤三:
将类名粘贴到图标处
联赛动态
要设置背景视频,请找到相关图层。将您的域名地址粘贴到源参数中。
爱游戏体育为您提供专业、贴心的服务体验。
data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&ref=0;;origin=http://yourdomain.com;"
复制比赛ID到此处
data-ytid="RIQqVqQs9Xs"
球员故事
首先,您需要获取您的Twitter ID,您需要在您的个人资料中创建一个——链接。点击创建新小部件。获得ID后,将其粘贴到data-twitter-id属性中。
<div id="tweets" data-twitter-id="594366594521804800" class="col-md-12"></div>
赛事前瞻
- jQuery
- Bootstrap
- 地图插件
- 滚动动画
- 图片加载
- 内容筛选
- 倒计时
- 文字效果
- 本地滚动
- 页面跳转
- 元素显示
- 数字计数
- 动画缓动
- 图表展示
- 视频响应式
- 轮播图
- 卡片轮播
- 图片滑块
- 幻灯片插件
- 图片灯箱
- 推特信息获取
- 平滑滚动
联系我们
如果您有任何问题,请随时访问我们的支持论坛