diff --git a/themes/Ying/layouts/partials/head.html b/themes/Ying/layouts/partials/head.html index 12831a8b..ba8651c8 100644 --- a/themes/Ying/layouts/partials/head.html +++ b/themes/Ying/layouts/partials/head.html @@ -9,9 +9,9 @@ - + - + {{ if or (eq .Type "about") (eq .Type "post") }} diff --git a/themes/Ying/static/css/barrager.css b/themes/Ying/static/css/barrager.css new file mode 100644 index 00000000..6603aecb --- /dev/null +++ b/themes/Ying/static/css/barrager.css @@ -0,0 +1,12 @@ +.barrage{position: fixed;bottom:70px;right:-500px;display: inline-block;width: 500px;z-index: 1} +.barrage_box{background-color: rgba(0,0,0,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;} +.barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;} +.barrage_box .portrait img{width: 100%;height: 100%;} +.barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 18px; } +.barrage_box div.p a:hover{text-decoration: underline;} +.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(close.png);} +.barrage_box:hover .close{visibility:visible;opacity: 1;} +.barrage_box .close a{display:block;} +.barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; } +.barrage .z {float: left !important;} +.barrage a{text-decoration:none;} \ No newline at end of file diff --git a/themes/Ying/static/js/jquery.barrager.js b/themes/Ying/static/js/jquery.barrager.js new file mode 100644 index 00000000..fa858e18 --- /dev/null +++ b/themes/Ying/static/js/jquery.barrager.js @@ -0,0 +1,95 @@ +/*! + *@name jquery.barrager.js + *@author yaseng@uauc.net + *@url https://github.com/yaseng/jquery.barrager.js + */ +(function($) { + $.fn.barrager = function(barrage) { + barrage = $.extend({ + close:true, + bottom: 0, + max: 10, + speed: 6, + color: '#fff', + old_ie_color : '#000000' + }, barrage || {}); + + var time = new Date().getTime(); + var barrager_id = 'barrage_' + time; + var id = '#' + barrager_id; + var div_barrager = $("
").appendTo($(this)); + var window_height = $(window).height() - 100; + var bottom = (barrage.bottom == 0) ? Math.floor(Math.random() * window_height + 40) : barrage.bottom; + div_barrager.css("bottom", bottom + "px"); + div_barrager_box = $("").appendTo(div_barrager); + if(barrage.img){ + + div_barrager_box.append(""); + var img = $("