基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose-html教學-PHP中文網

首頁

web前端

html教學

基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:37 AM

基于CSS3企业招聘引导页动画特效。这是一款基于jQuery+CSS3实现的企业招聘欢迎页面特效。效果图如下：

在线预览源码下载

实现的代码。

html代码：

<div class="leftBg"></div><div class="rightBg"></div><div class="content mr"><div class="logo"><a href="http://www.w2bc.com/"><img  src="/static/imghw/default1.png"  data-src="images/logo.png"  class="lazy" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div><!--左边hr--><div class="con_lf lf">    <div class="big_word"><img src="/static/imghw/default1.png"  data-src="images/big_word.png"  class="lazy"  alt="大企业，大能量"></div>    <div class="btnCon"><a href="http://www.w2bc.com/">    <img  class="btnbg lazy"  src="/static/imghw/default1.png"  data-src="images/left_btn_bg.png"  alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img  class="btn_arow lazy"  src="/static/imghw/default1.png"  data-src="images/left.png"  alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img  class="btnWord lazy"  src="/static/imghw/default1.png"  data-src="images/btn_word.png"  alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div>    <div class="house"><img  src="/static/imghw/default1.png"  data-src="images/huose.png"  class="lazy" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></div></div><!--右边求职者--><div class="con_rf lf"><div class="peoCon">    <img  class="peo lazy"  src="/static/imghw/default1.png"  data-src="images/peo.png"  alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img class="work lazy"  src="/static/imghw/default1.png"  data-src="images/tiao.png"  alt="挑工作"></div><div class="peoBtn"><a href="http://www.w2bc.com/">    <img  class="btnbg_rf lazy"  src="/static/imghw/default1.png"  data-src="images/rf_bg.png"  alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img class="btnWord_rf lazy"  src="/static/imghw/default1.png"  data-src="images/qiuzhizhe.png"  alt="求职者">    <img  class="btn_arow_rf lazy"  src="/static/imghw/default1.png"  data-src="images/rf.png"  alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div><div class="big_word_rf"><img src="/static/imghw/default1.png"  data-src="images/right_word.png"  class="lazy"  alt="小白领，大作为"></div> </div></div>

登入後複製

via：http://www.w2bc.com/article/css3-hr-index-page

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7782

Java教學

1644

CakePHP 教程

1400

Laravel 教程

1297

PHP教程

1234

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。