diff --git a/static/css/style.css b/static/css/style.css index 05b0436..481631e 100755 --- a/static/css/style.css +++ b/static/css/style.css @@ -10,10 +10,11 @@ html, body { max-width: 100%; overflow: hidden; width: 100%; + font-family: Verdana,Arial,Helvetica,sans-serif; + font-size: 20px; } - - -#active { +.wrap{position: relative;} +/*#active { color: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; @@ -22,4 +23,30 @@ html, body { position: fixed; top: 50px; z-index: 10; -} \ No newline at end of file +}*/ +#title{ + color: #fff; + left: 10px; + position: fixed; + top:10px; +} +.ulwrap{ + position: fixed; + left: 10px; + top:80px; + color: #fff; + z-index: 10; +} +#incomingChatMessages{ + color: #666; + font-family: Lucida Grande,Arial,Helvetica,sans-serif; + font-size: 13px; + padding: 3px; + position: fixed; + right: 0; + text-align: right; + top: 0; + z-index: 30; +} + + diff --git a/templates/index.html b/templates/index.html index 5f5df31..f501c1f 100755 --- a/templates/index.html +++ b/templates/index.html @@ -7,19 +7,6 @@ -PyTailLog: -
-自动滚屏 - - -
+ + var showData = function(data) { + $('#incomingChatMessages').append($('
  • ').html(data)); + startScreenScroll(); + } + ////// 滚屏 + var currentpos, timer; + function sc() { + clearInterval(timer); + timer = null; + } + function scrollwindow() { + var currentpos = $(document).scrollTop(); + window.scroll(0, currentpos + 1); + if(currentpos == $(document).scrollTop()) //判断是否滚动到网页最下端,是则停止循环 + sc(); + } + function startScreenScroll() { + if($("#screanScroll").attr("checked") == "checked" && !timer) { + timer = setInterval("scrollwindow()", 3); + } + } + + +
    +