<head>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="Keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="css/drawer.min.css" >
<script src="js/jquery.min.js" ></script>
<script src="js/iscroll.js" ></script>
<script src="js/jquery.drawer.min.js" ></script>
<link rel="stylesheet" href="css/animate.min.css" >
<link href="css/style.css" rel="stylesheet" />
<title></title>
<script type="text/javascript">
$(function () {
$(".nav_m li:eq(7)").addClass("cur");
});
</script>
<script type="text/javascript">
$(function () {
$(window).scroll(function () {
if ($(window).scrollTop() == 0) {
$("header").removeClass("scroll-header");
} else {
$("header").addClass("scroll-header");
}
});
});
function ReturnTop() {
$("body,html").animate({ scrollTop: 0 }, 500);
return false;
}
document.oncontextmenu = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { return false; } return true; } catch (e) { return false; } } //屏蔽右键菜单
document.onpaste = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { return false; } return true; } catch (e) { return false; } } //屏蔽粘贴
document.oncopy = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { return false; } return true; } catch (e) { return false; } } //屏蔽复制
document.oncut = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { return false; } return true; } catch (e) { return false; } } //屏蔽剪切
document.onselectstart = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { return false; } return true; } catch (e) { return false; } } //屏蔽选择
</script>
</head>
<body>
<header>
<div class="wrap">
<div class="logo">
<a href="index.html" >
<img src="images/logo.png" ></a></div>
<nav class="nav_m">
<ul>
<li><a href="Contact.html" >联系我们</a></li>
<li><a href="About.html" >关于我们</a></li>
<li><a href="News.html" >新闻聚焦</a></li>
<li><a href="Customer.html" >服务客户</a></li>
<li><a href="Overseas.html" >海外推广</a></li>
<li><a href="index.html" >网站首页</a></li>
</ul>
</nav>
<div class="nav_1">
<div class="drawer drawer-right">
<div class="drawer-toggle drawer-hamberger">
<span></span>
</div>
<div class="drawer-main drawer-default">
<nav class="drawer-nav" role="navigation">
<ul class="drawer-nav-list">
<li><a href="index.html" >网站首页</a></li>
<li><a href="Overseas.html" >海外推广</a></li>
<li><a href="Customer.html" >服务客户</a></li>
<li><a href="News.html" >新闻聚焦</a></li>
<li><a href="About.html" >关于我们</a></li>
<li><a href="Contact.html" >联系我们</a></li>
</ul>
</nav>
</div>
<script>
$(document).ready(function () {
$('.drawer').drawer();
$('.js-trigger').click(function () {
$('.drawer').drawer("open");
});
});
</script>
</div>
<div class="clearfix">
</div>
</div>
</header>
<div class="banner">
<div class="index_banner" id="banner_tabs">
<ul>
<li><a>
<img src="images/banner01.jpg" width="100%"></a></li>
<li><a>
<img src="images/banner04.jpg" width="100%"></a></li>
</ul>
<!--此处的img是用来占位的,在实际使用中,可以另外制作一张全空的图片-->
<img style="visibility: hidden;" src="images/banner01.jpg" width="100%">
<cite><span class="cur">1</span> <span>2</span> </cite>
<div class=" clear ">
</div>
</div>
</div>
<div class="content_1">
<div class="bt_1 bounceInDown wow">
<p class="txt_7">提供一站式、全方位整合海外精准营销服务</p>
<p class="txt_2">专注于对海外营销、网络策划、网站制作等方面的探索和研究,为企业提供周到、放心的一站式服务。</p>
</div>
<div class="content_x service1 wow ">
<section class="business active">
<div class="box">
<ul class="items list-inline">
<li>
<img alt="品牌型网站建设" src="images/20161019024531_2514.jpg" /><strong><a href="Service_Show_1.html" >品牌型网站建设</a></strong>
<p>是以企业品牌形象展示及创意为主,网站通过对企业品牌的塑造、信息的介绍,让浏览者熟悉企业的情况、了解企业所提供的产品和服务,并通过有效的在线沟通、交流方式搭建起潜在客户与企业之间的桥梁。</p>
</li>
<li>
<img alt="营销型网站建设" src="images/20161019025656_2174.jpg" /><strong><a href="Service_Show_2.html" >营销型网站建设</a></strong>
<p>营销型企业网站是指以现代网络营销理念为核心,以搜索引擎良好表现、用户良好体验为标准;具备理解力、信任力和行动力;能够更好地将访客转化为顾客的企业网站.</p>
</li>
<li>
<img alt="APP开发" src="images/20161019025830_8940.jpg" /><strong><a href="Service_Show_7.html" >APP开发</a></strong>
<p>根据企业的需求制定个性化方案,找出APP的卖点与需求差异,从移动营销、精准营销、客户依赖、产品延伸四大方面来进行战略规划。将APP的可用性、实效性完全表现出来。</p>
</li>
<li>
<img alt="SEO优化" src="images/20161019030138_4063.jpg" /><strong><a href="Service_Show_10.html" >SEO优化</a></strong>
<p>GoogleSEO整站优化是搜索引擎优化公司在正确理解SEO、理解搜索引擎的前提下,提供的有别于单纯关键词排名服务的另外一种SEO服务。</p>
</li>
</ul>
</div>
</section>
</div>
56蓝色简约建站设计交互动态全套网站源代码.rar
需积分: 0 99 浏览量
更新于2024-04-25
收藏 8.43MB RAR 举报
标题 "56蓝色简约建站设计交互动态全套网站源代码.rar" 提供的信息表明,这是一个包含全套网站源代码的压缩文件,设计风格为蓝色且简洁。这种类型的资源通常适用于那些希望快速搭建或定制网站的开发者,特别是对于不熟悉复杂网页设计的初学者或者寻找灵感的专业人士。
描述中的 "56蓝色简约建站设计交互动态全套网站源代码.rar" 重申了压缩包的主题,强调了交互性和动态效果。这意味着这个源代码不仅包含了静态页面设计,还可能包括JavaScript或jQuery等技术实现的动态功能,如滑动效果、下拉菜单、轮播图等,这些是现代网站吸引用户的重要元素。
标签进一步细化了内容类别:
1. **HTML**:这是网页的基本结构语言,HTML(超文本标记语言)用于定义网页的布局和内容。
2. **网站模板**:这表示源代码包含一个预设的布局和设计,用户可以根据需要进行修改和自定义,节省了从头创建页面的时间。
3. **前端源码**:指的是运行在用户浏览器上的代码,包括HTML、CSS和JavaScript,负责网页的视觉呈现和交互功能。
4. **前端模板**:与“网站模板”类似,专指用于构建前端部分的框架,方便快速开发。
5. **网站源码**:整体而言,指的是构建整个网站所需的全部代码。
根据压缩包内的文件名称列表,只有一个条目 "076",这可能是源代码文件夹或者部分文件的名称,但具体信息不足。通常,一个完整的网站源代码会包含以下部分:
- **HTML文件**:用于定义页面结构和内容。
- **CSS文件**:控制页面的样式和布局。
- **JavaScript文件**:添加交互性和动态效果。
- **图片和媒体资源**:如logo、背景图片、视频或音频文件。
- **字体文件**:如果使用了特殊的Web字体。
- **图标文件**(SVG或PNG):用于按钮、菜单和其他界面元素。
- **库和框架**:如jQuery、Bootstrap等,简化开发工作。
- **其他辅助文件**:如JSON数据文件、配置文件等。
综合来看,这个压缩包提供了一个蓝色简约风格的网站构建基础,包含互动元素,适合那些寻求快速启动项目或学习前端开发的人。开发者可以研究源代码,了解如何使用HTML、CSS和JavaScript来创建动态效果,也可以借鉴布局和设计思路,为自己的项目提供灵感。同时,这个资源也是学习前端技术的好材料,通过分析和修改源码,可以提升开发者的技术能力和对网页交互的理解。
千祥云集168
- 粉丝: 390
- 资源: 69