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 = $("").appendTo(id + " .barrage_box .portrait"); + img.attr('src', barrage.img); + } + + div_barrager_box.append("
"); + if(barrage.close){ + + div_barrager_box.append("
"); + + } + + var content = $("").appendTo(id + " .barrage_box .p"); + content.attr({ + 'id': barrage.id + }).empty().append(barrage.info); + if(navigator.userAgent.indexOf("MSIE 6.0")>0 || navigator.userAgent.indexOf("MSIE 7.0")>0 || navigator.userAgent.indexOf("MSIE 8.0")>0 ){ + + content.css('color', barrage.old_ie_color); + + }else{ + + content.css('color', barrage.color); + + } + + var i = 0; + div_barrager.css('margin-right', i); + var looper = setInterval(barrager, barrage.speed); + + function barrager() { + + + var window_width = $(window).width() + 500; + if (i < window_width) { + i += 1; + + $(id).css('margin-right', i); + } else { + + $(id).remove(); + return false; + } + + } + + + div_barrager_box.mouseover(function() { + clearInterval(looper); + }); + + div_barrager_box.mouseout(function() { + looper = setInterval(barrager, barrage.speed); + }); + + $(id+'.barrage .barrage_box .close').click(function(){ + + $(id).remove(); + + }) + + } + + $.fn.barrager.removeAll=function(){ + $('.barrage').remove(); + + } + +})(jQuery); \ No newline at end of file