Javascript 将悬停更改为始终显示(标题)
我有一个投资组合网站 www.malthestigard.com 在这里,我使用Cube portfolio JavaScript插件显示一些公文包案例。每个公文包案例都有一个与之相连的标题,该标题在鼠标悬停时显示在桌面上。当然,问题是在移动设备上查看我的网站时,没有鼠标悬停在公文包上,标题仍然隐藏(据我所知,它只隐藏特定屏幕大小的标题,但由于我对html和css不熟悉,我很难找到正确的媒体查询以及如何更改它们,而且我认为如果它总是显示出来,将有助于用户体验).所以我的问题是,如何更改css或javascript以使标题始终显示 HTML:Javascript 将悬停更改为始终显示(标题),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个投资组合网站 www.malthestigard.com 在这里,我使用Cube portfolio JavaScript插件显示一些公文包案例。每个公文包案例都有一个与之相连的标题,该标题在鼠标悬停时显示在桌面上。当然,问题是在移动设备上查看我的网站时,没有鼠标悬停在公文包上,标题仍然隐藏(据我所知,它只隐藏特定屏幕大小的标题,但由于我对html和css不熟悉,我很难找到正确的媒体查询以及如何更改它们,而且我认为如果它总是显示出来,将有助于用户体验).所以我的问题是,如何更改css或j
Malthe Stigaard | Graphic&;网页设计| www.malthestigard.com
我是马尔特·斯蒂加德
数码设计
平面设计
视频制作
摄影
欢迎来到我的作品集
我的作品
在过去的12年中,我一直在创意产业的战略、执行和生产层面上从事数字和印刷项目。我管理品牌、用户体验设计、用户界面设计、网站开发、视频制作和摄影等任务。我协调团队,开展发布、营销活动,并协助社区发展战略和业务发展。简言之,我是一个富有创意的视觉故事讲述者,经验丰富。下面你会发现我的一些作品的小集合——请看一看,并随时与我交流。
全部的
网页设计
图解的
直接反应营销
建设
空间设计
摄影
社论
视频
“>
私人教练乔纳斯·罗伯茨
移动和桌面网站
关于我
我做什么
我使用的工具
网络语言
摄影与录像
在过去的10年里,我一直在Adobe Creative Suite工作。我在Photoshop、Indesign、Premiere Pro和Bridge方面经验丰富。我还拥有5年的Final Cut Pro+扩展方面的专业经验。
我有2年编写HTML5和CSS3的经验。我对JavaScript和jQuery非常了解,我可以在HTML中实现插件,并应用基本的调整。
我曾接受过摄影师和摄像师的培训。在摄影领域,我主要从事活动摄影、产品摄影、建筑摄影和艺术摄影。我的视频作品包括纪录片、艺术馆电影和公司电影,并担任制片人、导演、摄像师和编辑。
客户与合作
奥林巴斯
丹斯克共青团
阿基特炸药
格里特·里特维尔德学院
机动的
里特伍德粘胶
佩索利格·特纳·乔纳斯·罗伯茨
滑雪比赛
法塔莫加纳
加2
表演艺术月
HOMEBASE实验室
宁静
亲朋好友
丹斯克伊西酒店
M4宾馆
皮奥纳
起点奖
安特卫普航空公司
蒙德里安广场
维塔基金会
DANSK KUNSTRÅ;D
在我的业余时间
下班后健身或游泳,让自己不断了解科技界的最新情况。我喜欢好故事、好电影和艺术。我喜欢到欧洲旅行,拜访欧洲创意界的朋友。我花了大量时间思考单词定义和语言
接触
我很想收到你的来信,请写信给我
找到我,然后
2016年马尔特·斯蒂加德
JAVASCRIPT:
<script type="text/javascript" src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script>
$('a[href^="#"]').on('click', function(event) {
var target = $(this.getAttribute('href'));
if (target.length) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
(function($, window, document, undefined) {
'use strict';
$('#js-grid-tabs').cubeportfolio({
filters: '#js-filters-tabs',
defaultFilter: '.tools',
animationType: 'fadeOut',
gridAdjustment: 'default',
displayType: 'default',
caption: '',
});
})(jQuery, window, document);
(function($, window, document, undefined) {
'use strict';
$('#js-grid-masonry').cubeportfolio({
filters: '#js-filters-masonry',
layoutMode: 'grid',
defaultFilter: '*',
animationType: 'slideDelay',
gapHorizontal: 20,
gapVertical: 20,
gridAdjustment: 'responsive',
mediaQueries: [{
width: 1500,
cols: 4
}, {
width: 1100,
cols: 4
}, {
width: 800,
cols: 3
}, {
width: 480,
cols: 2,
options: {
caption: ''
}
}, {
width: 320,
cols: 1,
options: {
caption: ''
}
}],
caption: 'overlayBottom',
displayType: 'bottomToTop',
displayTypeSpeed: 100,
lightboxDelegate: '.cbp-lightbox',
lightboxGallery: true,
lightboxTitleSrc: 'data-title',
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
});
})(jQuery, window, document);
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#grid-container').cubeportfolio({});
});
</script>
<!-- Google Analytics tracking code -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-34485670-1', 'auto');
ga('send', 'pageview');
</script>
$('a[href^=”
<script type="text/javascript" src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script>
$('a[href^="#"]').on('click', function(event) {
var target = $(this.getAttribute('href'));
if (target.length) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
(function($, window, document, undefined) {
'use strict';
$('#js-grid-tabs').cubeportfolio({
filters: '#js-filters-tabs',
defaultFilter: '.tools',
animationType: 'fadeOut',
gridAdjustment: 'default',
displayType: 'default',
caption: '',
});
})(jQuery, window, document);
(function($, window, document, undefined) {
'use strict';
$('#js-grid-masonry').cubeportfolio({
filters: '#js-filters-masonry',
layoutMode: 'grid',
defaultFilter: '*',
animationType: 'slideDelay',
gapHorizontal: 20,
gapVertical: 20,
gridAdjustment: 'responsive',
mediaQueries: [{
width: 1500,
cols: 4
}, {
width: 1100,
cols: 4
}, {
width: 800,
cols: 3
}, {
width: 480,
cols: 2,
options: {
caption: ''
}
}, {
width: 320,
cols: 1,
options: {
caption: ''
}
}],
caption: 'overlayBottom',
displayType: 'bottomToTop',
displayTypeSpeed: 100,
lightboxDelegate: '.cbp-lightbox',
lightboxGallery: true,
lightboxTitleSrc: 'data-title',
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
});
})(jQuery, window, document);
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#grid-container').cubeportfolio({});
});
</script>
<!-- Google Analytics tracking code -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-34485670-1', 'auto');
ga('send', 'pageview');
</script>