Skip to content

Instantly share code, notes, and snippets.

@Zurabpwnz

Zurabpwnz/static-menu.js

Created May 10, 2017 07:20
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Zurabpwnz/55207c033f44d35ab2641d2d9559fa41 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Zurabpwnz/55207c033f44d35ab2641d2d9559fa41 to your computer and use it in GitHub Desktop.
Download ZIP
Создание быстрой навигации по статичной верстке
Raw
static-menu.js
function pageWidget(pages) {
var widgetWrap = $('<div class="widget_wrap"><ul class="widget_list"></ul></div>');
widgetWrap.prependTo("body");
for (var i = 0; i < pages.length; i++) {
$('<li class="widget_item"><a class="widget_link" href="' + pages[i] + '.html' + '">' + pages[i] + '</a></li>').appendTo('.widget_list');
}
var widgetStilization = $('<style>body {position:relative} .widget_wrap{position:absolute;top:0;left:0;z-index:9999;padding:10px 20px;background:#222;border-bottom-right-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.widget_wrap:after{content:" ";position:absolute;top:0;left:100%;width:24px;height:24px;background:#222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRF////////AAAA////BQBkwgAAAAN0Uk5TxMMAjAd+zwAAACNJREFUCNdjqP///y/DfyBg+LVq1Xoo8W8/CkFYAmwA0Kg/AFcANT5fe7l4AAAAAElFTkSuQmCC) no-repeat 50% 50%;cursor:pointer}.widget_wrap:hover{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.widget_item{padding:0 0 10px}.widget_link{color:#fff;text-decoration:none;font-size:15px;}.widget_link:hover{text-decoration:underline} </style>');
widgetStilization.prependTo(".widget_wrap");
}
$(document).ready(function ($) {
pageWidget(['index','blog','news','about_us','contact']);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment