概要
这是东方马达招聘网站的“通过视频了解”页面。刊载了视频内容。
コンテンツ検索用フィールド
/recruit/company
关键词搜索 CSSファイル
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" id="aos-css" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" type="text/css" media="all">
<link rel="stylesheet" id="swiper-css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css" type="text/css" media="all">
<link rel="stylesheet" id="app-css" href="/sites/default/files/custom/css/recruit/app.css" type="text/css" media="all">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" id="aos-css" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" type="text/css" media="all">
<link rel="stylesheet" id="swiper-css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css" type="text/css" media="all">
<link rel="stylesheet" id="app-css" href="/sites/default/files/custom/css/recruit/app.css" type="text/css" media="all">
JSファイル
<script src="/sites/default/files/custom/js/om_theme/jquery-3.6.2.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/smooth-scroll/16.1.3/smooth-scroll.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
<script src="/sites/default/files/custom/js/recruit/app.js"></script>
<script>
$(function() {
// slider
var swiper = new Swiper('#sliderHero', {
effect: 'fade',
fadeEffect: {
crossFade: true,
},
speed: 1000,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
});
// loader
$('.js-loading__grid').css('transform', 'scaleX(0)');
$('.js-loading__elm').css('transform', 'scaleX(1)');
setTimeout(function() {
$('.js-loading__grid').animate2({
transform: 'scaleX(1)'
}, 1500);
}, 500);
setTimeout(function() {
$('.js-loading__elm-01').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1500);
setTimeout(function() {
$('.js-loading__elm-02').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1600);
setTimeout(function() {
$('.js-loading__elm-03').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1700);
setTimeout(function() {
$('.js-loading__elm-04').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1800);
setTimeout(function() {
$('.js-loading__elm-05').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1900);
setTimeout(function() {
$('.js-loading__elm-06').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 2000);
$('.loader img').addClass('active');
setTimeout(function() {
$('.loader img').removeClass('active');
}, 2000);
setTimeout(function() {
$('.loader').fadeOut();
$('.js-loading__grid').fadeOut();
}, 3000);
});
</script>
<script src="//cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/smooth-scroll/16.1.3/smooth-scroll.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
<script src="/sites/default/files/custom/js/recruit/app.js"></script>
<script>
$(function() {
// slider
var swiper = new Swiper('#sliderHero', {
effect: 'fade',
fadeEffect: {
crossFade: true,
},
speed: 1000,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
});
// loader
$('.js-loading__grid').css('transform', 'scaleX(0)');
$('.js-loading__elm').css('transform', 'scaleX(1)');
setTimeout(function() {
$('.js-loading__grid').animate2({
transform: 'scaleX(1)'
}, 1500);
}, 500);
setTimeout(function() {
$('.js-loading__elm-01').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1500);
setTimeout(function() {
$('.js-loading__elm-02').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1600);
setTimeout(function() {
$('.js-loading__elm-03').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1700);
setTimeout(function() {
$('.js-loading__elm-04').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1800);
setTimeout(function() {
$('.js-loading__elm-05').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 1900);
setTimeout(function() {
$('.js-loading__elm-06').animate2({
transform: 'scaleX(0)'
}, 1000);
}, 2000);
$('.loader img').addClass('active');
setTimeout(function() {
$('.loader img').removeClass('active');
}, 2000);
setTimeout(function() {
$('.loader').fadeOut();
$('.js-loading__grid').fadeOut();
}, 3000);
});
</script>
