You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
jy-site/product.html

116 lines
5.6 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>古域0nline-产品</title>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/rem.js"></script>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/heard.css" />
<link rel="stylesheet" type="text/css" href="css/foot.css" />
<link rel="stylesheet" type="text/css" href="css/product.css" />
</head>
<body>
<!-- heard -->
<div class="heard">
<div class="heard_logo">
<!-- <img src="img/logo.png" alt=""> -->
</div>
<div class="heard_tabbar">
<ul>
<li ><a href="index.html" >关于古域0nline</a></li>
<li><a href="product.html" class="active">产品服务</a></li>
<!-- <li><a href="recharge.html">在线充值</a></li> -->
<li><a href="collaborate.html">商务合作</a></li>
</ul>
</div>
</div>
<div class="product_swiper">
<img src="img/product.jpg" alt="">
</div>
<div class="product_home">
<div class="product_right">
<div class="title">热门游戏</div>
<!-- 无产品时展示 -->
<div class="not_product" style="display: none;">
<img src="img/not_data.png" alt="">
<div>暂无游戏内容</div>
</div>
<div class="have_product">
<ul >
<li>
<img src="img/game.jpg" alt="">
<div class="have_product_box">
<div class="name">古域0nline</div>
<div class="del">《古域0nline》是合东西科技智谋战略手游</div>
<!-- <div class="btn">
<div href="#" img="img/anzhuo.png">安卓下载</div>
<div href="#" img="img/ios.png">IOS下载</div>
<a >进入游戏</a>
</div> -->
<div class="btn">
<!-- <a href="http://fzlywl.f3322.net:1880/sanguo/index.min.html" class="center">进入游戏</a> -->
<a href="file/xtqy.apk" class="center">下载游戏</a>
</div>
</div>
<!-- <div class="mode"></div>
<div class="qrcode"><img src="" alt=""></div> -->
</li>
<!-- <li>
<img src="img/img3.png" alt="">
<div class="have_product_box">
<div class="name">尘缘</div>
<div class="del">唯美幻想的东方仙侠,众多风格迥异的神话场景,上有鲲鹏遨游天际,下有灵兽嬉戏追逐。仙魔人妖,千姿百态,为你呈现一个梦游仙境般的奇幻仙侠大世界</div>
<div class="btn">
<div href="#" img="img/anzhuo3.png">安卓下载</div>
<div href="#" img="img/ios3.png">IOS下载</div>
</div>
<div href="http://134.175.197.176:8018/index.min.html"><div class="enter">进入游戏</div></a>
</div>
<div class="mode"></div>
<div class="qrcode"><img src="" alt=""></div>
</li> -->
</ul>
</div>
</div>
</div>
<!-- foot -->
<div class="foot">
<div class="foot_box">
<div class="foot_top">
<div class="foot_top_ri">
<div class="foot_link">
</div>
<div class="foot_serial">
<span>
<a target="_blank" href="https://beian.miit.gov.cn" style="color: #ffffff; margin-top: 12px; display: inline-block;">
备案号闽ICP备2023013961号-2</p>
</a>
</span>
<!-- <span>公安网备35010202000898</span>
<span style="padding-left: 10px">网络文化经营许可证:闽网文(2017)9097-267号</span> -->
</div>
<div class="foot_code">copyright2019</div>
<div class="foot_approve"> <img src="img/foot_slide.png" alt=""></div>
</div>
</div>
<div class="foot_bom">抵制不良网页游戏拒绝盗版游戏。注意自我保护谨防受骗上当。适度游戏益脑沉迷游戏伤身。合理安排时间享受健康生活。适龄提示适合12周岁以上使用。</div>
</div>
</div>
</body>
</html>
<script src="js/bg.js"></script>
<script>
$(".have_product li .btn>div").click(function(){
var img = $(this).attr('img');
$(this).parent(".btn").parent(".have_product_box").siblings(".qrcode").children("img").attr('src',img);
$(this).parent(".btn").parent(".have_product_box").siblings(".qrcode").show();
$(this).parent(".btn").parent(".have_product_box").siblings(".mode").show();
})
$(".have_product li .mode").click(function(){
$(this).siblings(".qrcode").hide();
$(this).hide();
})
</script>