css 西汉姆小工具 - 投票按钮
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 西汉姆小工具 - 投票按钮相关的知识,希望对你有一定的参考价值。
(function (exports) {
var widgetId = 7278;
var widget, $, StacklaFluidWidget;
var callbacks = {
onBeforeExpandedTileOpen: function (dom, tile) {
$ = $ || exports.$tackla;
StacklaFluidWidget = StacklaFluidWidget || exports.StacklaFluidWidget;
widget = widget || StacklaFluidWidget.getWidgetInstance(widgetId);
var $dom = $(dom);
var $heart = $('<i class="stackla-icon-vote"></i>');
$dom.find('.stacklapopup-interaction-count').remove();
$dom.find('.fs-triangle-up').remove();
$heart.appendTo($dom.find('.stacklapopup-interaction-vote .stacklapopup-interaction-link'));
return dom;
}
};
var props = {};
props[widgetId] = {callbacks: callbacks};
exports.StacklaFluidWidgetProperties = props;
})(window);
@font-face {
font-family: stackla-icons;
src: url(https://assetscdn.stackla.com/media/fonts/stackla-icons/stackla-icons20140417.eot);
src: url(https://assetscdn.stackla.com/media/fonts/stackla-icons/stackla-icons20140417.eot?#iefix) format('embedded-opentype'), url(https://assetscdn.stackla.com/media/fonts/stackla-icons/stackla-icons20140417.woff) format('woff'), url(https://assetscdn.stackla.com/media/fonts/stackla-icons/stackla-icons20140417.ttf) format('truetype'), url(https://assetscdn.stackla.com/media/fonts/stackla-icons/stackla-icons20140417.svg#stackla-icons) format('svg');
font-weight: 400;
font-style: normal
}
[class^=stackla-icon-],
[class *="stackla-icon-"] {
font-family: stackla-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.stackla-icon-vote:before {
content: "\e600";
color: inherit;
}
.stacklapopup-interaction-link {
font-size: 23px;
}
.stacklapopup-interaction-vote .stacklapopup-interaction-link:hover {
border-color: #b9b9b9; // INITIAL BORDER COLOR
}
.stacklapopup-interaction-vote {
color: #666;
}
.on {
color: #1d97d9;
}
.on:hover {
border-color: #97cbe2 !important;
}
.on a:hover {
border-color: #97cbe2 !important;
}
Callbacks.prototype.onCompleteJsonToHtml = function (tileObject, t) {
var heart = $('<i class="stackla-icon-vote"></i>');
tileObject.find('.fs-triangle-up').remove();
heart.appendTo(tileObject.find('.tile-interaction-vote .tile-interaction-link'));
$("tileObject.find('.tile-interaction-vote')").click(function() {
tileObject.find('.stackla-icon-vote').addClass('.on');
});
return tileObject;
};
.tile-interaction-vote {
color: #666; // INITIAL COLOR
}
.tile-interaction-vote .tile-interaction-link:hover {
border-color: #b9b9b9; // INITIAL BORDER COLOR
}
.tile-interaction-vote .on {
color: #1d97d9; // VOTED ON COLOR
}
.on {
color: #1d97d9; // VOTED ON COLOR
}
.on:hover {
border-color: #97cbe2; // VOTED ON BORDER COLOR
}
.tile-interaction-vote .on:hover {
border-color: #97cbe2; // VOTED ON BORDER COLOR
}
.tile-interaction-count.js-vote-count {
display: none;
}
.tile-interaction-link {
font-size: 23px;
}
以上是关于css 西汉姆小工具 - 投票按钮的主要内容,如果未能解决你的问题,请参考以下文章
足球队巡礼 - 英超西汉姆联
css 文章用按钮投票
超好用的小程序投票工具
超好用的小程序投票工具
用安卓手机的阿达西你们把自己劝一哈撒!
fifaonline4名人堂贝克汉姆五突好用吗