-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html~
241 lines (230 loc) · 10.7 KB
/
index.html~
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>德图科技_首页</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="img/tg_comm.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script src="img/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('.flash_bar,#tit_fc1,#tit_fc2,#tit_fc3,#tit_fc4,#flashLine');
</script>
<![endif]-->
</head>
<body>
<link href="img/tg_index.css" rel="stylesheet" type="text/css" />
<!--header begin-->
<div class="headerbg">
<div class="header">
<!-- <div id="logo"><a href="/"><div class="LogoGaoguang"></div><img src="img/tg_logo.jpg" width="240" height="60" /></a></div> -->
<ul class="nav">
<li class='hover'><a href='index.html'><span>网站首页</span></a></li>
<li><a href='services.html' ><span>服务项目</span></a></li>
<li><a href='about.html' ><span>关于我们</span></a></li>
<li><a href='contact.html' ><span>联系我们</span></a></li>
</ul>
</div>
</div>
<!--header end-->
<!--flash begin-->
<div id="flashBg">
<div id="flashLine">
<div id="flash">
<a href="index.html" target="_blank" id="flash1" style="display:block;" name="#04304b"><img src="img/1.jpg" width="980" height="393" /></a>
</div>
</div>
</div>
<!--flash end-->
<div class="hotnews"><style>
#google1{ height:33px; line-height:33px; overflow:hidden;}
</style>
<div id="google1">
<ul id="dhooo1">
</ul>
</div>
<script type="text/javascript">
<!--
var Marquee=function(A,B,C,D,E,F){
var $=function (id){return document.getElementById(id)},Y=+!!F;
(A=$(A)).appendChild((B=$(B)).cloneNode(true));
(function (){
var m=A.scrollTop%C?(E||0):D;
A.scrollTop=[0,B.offsetHeight][Y]==A.scrollTop?[B.offsetHeight-1,1][Y]:(A.scrollTop+[-1,1][Y]);
setTimeout(arguments.callee,m);
})()
return arguments.callee;
}
Marquee('google1','dhooo1',33,8000,30,1);
-->
</script> </div>
<!--About begin-->
<div class="index_about">
<div class="about_team">
<div class="team"></div>
<p>江西德图科技服务有限公司队伍。</p>
<a href="about.html" class="team" title="我们的团队"></a>
</div>
<div class="about_teamFg"></div>
<div class="about_ser">
<div class="ser"></div>
<ul>
一、计算机硬件、电子产品的批发、零售以及专业技术维修服务。二、企业网站设计与制作，企业微传单、网络营销策划、微信公众号推广与宣传。
</ul>
<ul>
</ul>
<a href="services.html" class="ser" title="我们的服务"></a>
</div>
<!--item begin-->
<div id="tg_item">
<div id="item1" class="item">
<div class="item1" name="divClick"></div>
<div id="tit_fc1"></div>
<img src="img/tg_item1.jpg" width="236" height="132" /> </div>
<div id="item2" class="item">
<div class="item2" name="divClick"></div>
<div id="tit_fc2"></div>
<img src="img/tg_item2.jpg" width="236" height="132" /> </div>
<div id="item3" class="item">
<div class="item3" name="divClick"></div>
<div id="tit_fc3"></div>
<img src="img/tg_item3.jpg" width="236" height="132" /> </div>
<div id="item4" class="item">
<div class="item4" name="divClick"></div>
<div id="tit_fc4"></div>
<img src="img/tg_item4.jpg" width="236" height="132" /> </div>
</div>
<div class="PopBox" id="Pop1" name="PopBox">
<div class="pop1"><a href="javascript:void(0)" class="close" onclick="ClosePop(1)" title="关闭"><img src="img/null.gif" width="34" height="34" /></a></div>
<div class="pop_bg">我们的高级用户体验师会参与产品整个设计周期，为您的网站从产品创新，界面视觉引导，原型设计，与开发一起推动设计实现。将产品及您的构想设计出可视化的视觉元素，比如icon,边框，用户控件，窗口规范，图形化的布局等。同设计团队发展重要附加值的概念，修订产品，完善产品原型。从而对有效提升产品的可行性，交互流程的合理性，用户的易用性。</div>
</div>
<div class="PopBox" id="Pop2" name="PopBox">
<div class="pop2"><a href="javascript:void(0)" class="close" onclick="ClosePop(2)"> </a></div>
<div class="pop_bg">某某(某某传媒)从创办以来始终以出众的视觉艺术设计和应用表现能力影响着我们的所有客户及每一位使用者。每个作品都能带给观众真正意义上的视觉享受。在传达品牌理念的同时始终能以用户体验为核心进行创新设计，满足您的任何创新需求。我们拥有业界最顶尖的视觉设计师，最专业的设计团队和设计流程规范会为您的企业提升品质、提高价值。</div>
</div>
<div class="PopBox" id="Pop3" name="PopBox">
<div class="pop3"><a href="javascript:void(0)" class="close" onclick="ClosePop(3)"> </a></div>
<div class="pop_bg">我们的Web前端开发团队由国内知名门户资深Web前端开发工程师组成。为上游视觉设计师和下游系统工程师顺畅沟通架起桥梁。在确保前端代码组织有序下将结构与表现(Xhtml+CSS)相分离，提高代码可维护性和组件易用性。页面小、速度快、并且兼容FF、chrome、Opera、Safari、IE6至IE9等主流浏览器。同时为品牌网站供优秀的SEO服务和顾问咨询。提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。</div>
</div>
<div class="PopBox" id="Pop4" name="PopBox">
<div class="pop4"><a href="javascript:void(0)" class="close" onclick="ClosePop(4)"> </a></div>
<div class="pop_bg">某某某某 研发团队是一支专业、年轻的队伍，由功力深厚的系统架构师和经验丰富的系统工程师组合而成，每个成员都有着多款成功产品的开发经验，并能够精通PHP、.NET到Java等语言结构互补。我们提供移动设备IOS（iPhone,iPad）及Android平台的功能开发，可以满足您的各种需求。真正为您的企业铸造坚实的后盾。</div>
</div>
<!--item end-->
</div>
<!--About end-->
<!--out clients begin-->
<!--out clients end-->
<!--footer begin-->
<div id="footer">
<div id="Copyright">
<div class="tblog">
<a href="http://v.t.sina.com.cn/share/share.php?title=我的网站&url=" target="blank" class="sina">新浪微博</a>
<a href="http://www.facebook.com/sharer.php?u=&t=我的网站" target="blank" class="fb">Facebook</a>
<a href="http://twitter.com/home?status= " title="分享到 Twitter" target="_blank" class="tw">Twitter</a>
</div>
<div class="fl">© Copyright © 2002-2014 DEDECMS. 织梦科技 版权所有 皖ICP备12018610号-3
</div>
</div>
</div>
<!--footer end-->
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function(){
$(".item1").hover(function(){$("#tit_fc1").stop(false,true).slideDown("normal");}, function() {$("#tit_fc1").stop(false,true).slideUp("fast");});
$(".item2").hover(function(){$("#tit_fc2").stop(false,true).slideDown("normal");}, function() {$("#tit_fc2").stop(false,true).slideUp("fast");});
$(".item3").hover(function(){$("#tit_fc3").stop(false,true).slideDown("normal");}, function() {$("#tit_fc3").stop(false,true).slideUp("fast");});
$(".item4").hover(function(){$("#tit_fc4").stop(false,true).slideDown("normal");}, function() {$("#tit_fc4").stop(false,true).slideUp("fast");});
});
var currentindex=1;
$("#flashBg").css("background-color",$("#flash1").attr("name"));
function changeflash(i) {
currentindex=i;
for (j=1;j<=5;j++){
if (j==i)
{$("#flash"+j).fadeIn("normal");
$("#flash"+j).css("display","block");
$("#f"+j).removeClass();
$("#f"+j).addClass("dq");
$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
}
else
{$("#flash"+j).css("display","none");
$("#f"+j).removeClass();
$("#f"+j).addClass("no");}
}}
function startAm(){
timerID = setInterval("timer_tick()",10000);
}
function stopAm(){
clearInterval(timerID);
}
function timer_tick() {
currentindex=currentindex>=5?1:currentindex+1;
changeflash(currentindex);}
$(document).ready(function(){
$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
startAm();
});
function ChangeImg(i){
$("#img"+i).removeAttr("src");
$("#img"+i).attr("src","img/clients_"+i+"a.gif");
}
function ResetImg(i){
$("#img"+i).removeAttr("src");
$("#img"+i).attr("src","img/clients_"+i+".gif");
}
//----Popfc
function ClosePop(i){
$("#Pop"+i).fadeOut("normal")}
$(function() {
$("div[name='divClick']").click(function() {
if ($(this).attr('class')=='item1')
{
var showDiv = $("#Pop1"); //得到层对象
}
if ($(this).attr('class')=='item2')
{
var showDiv = $("#Pop2"); //得到层对象
}
if ($(this).attr('class')=='item3')
{
var showDiv = $("#Pop3"); //得到层对象
}
if ($(this).attr('class')=='item4')
{
var showDiv = $("#Pop4"); //得到层对象
}
var divName = showDiv.attr('name'); //得到这个层的name
if (showDiv.is(":hidden")) { //判断层是否隐藏
$("div[name='" + divName + "']").hide("normal");
showDiv.fadeIn("normal"); //true：显示
$('body').one('click', function() { //给BODY绑定一次性点击事件
showDiv.fadeOut("normal"); //点击BODY显示层
});
return false; //返回
}
else {
showDiv.hide(); //false:显示层
$('body').one('click', function() { //给BODY绑定一次性点击事件
showDiv.fadeOut("normal"); //点击BODY显示层
});
return false; //返回
}
});
$("div[name='PopBox']").click(function() { //点击显示部分不隐藏
return false;
});
});
$("#logo").hover(
function () {
$(".LogoGaoguang").fadeIn("slow");
},
function () {
$(".LogoGaoguang").fadeOut("slow");
}
);
</script>
</body>
</html>