Динамичное меню
Давненько я уже не писал рецептов красивых и интересных веб-вкусностей.
Сегодня я опишу способ от Bedrich Rios, по созданию приятного и динамичного меню при помощи JavaScript библиотеки jQuery, которая очень быстро набирает свою популярность.
Возможно использовать jQuery для такого простого эффекта сильно неоправданно, но для тех кто уже использует эту библиотеку — очень пригодиться!
И так, начнем :-)
Создаем «каркас» нашего будущего меню:
<ul id="sliding-navigation">
<li class="sliding-element"><h3>Пример меню</h3></li>
<li class="sliding-element"><a href="#">Ссылка 1</a></li>
<li class="sliding-element"><a href="#">Ссылка 2</a></li>
<li class="sliding-element"><a href="#">Ссылка 3</a></li>
<li class="sliding-element"><a href="#">Ссылка 4</a></li>
<li class="sliding-element"><a href="#">Ссылка 5</a></li>
</ul> Подключаем все необходимые стили и библиотеки вставив следующий код между тегами <head></head>:
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="sliding_effect.js"></script> Вот в принципе и все, меню уже готово.
Но для более опытных пользователей я более подробно разберу использование этого эффекта.
Эффект запускается при помощи этой функции:
slide(navigation_id, pad_out, pad_in, time, multiplier)
navigation_id — название блока, в котором данный эффект будет использоваться.
pad_out — основной отступ меню в состоянии покоя
pad_in — отступ при наведении на меню
time — время «выпрыгивания» меню при загрузке страницы
multiplier — извините, но так и не понял зачем эта переменная вообще нужна(буду благодарен если подскажите) :-)
Теперь, мне кажется, проблем возникнуть не должно.
Пока. До встречи! ;-)
Посмотреть пример использования
(Английский)
Some genuinely superb posts on this website, appreciate it for contribution. «The spirit is the true self.» by Marcus Tullius Cicero.
this info is fabulous thanks a lot
A lot of thanks for your entire labor on this website. My daughter delights in carrying out investigation and it is obvious why. My spouse and i know all concerning the powerful method you create effective steps via your blog and even attract contribution from other ones about this issue and our girl is without a doubt understanding so much. Have fun with the remaining portion of the new year. You are performing a good job.
Hello, i think that i saw you visited my site thus i came to “go back the want”.I am trying to to find things to improve my site!I assume its ok to use some of your ideas!!
I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work.
This is a good posting, I was wondering if I could use this write-up on my website, I will link it back to your website though. If this is a problem please let me know and I will take it down right away
I will be surprised from the standard of information on this site. There are many of excellent resources beneath. More than likely Let me go to see this sort of position once more swiftly.
I must express some thanks to this writer for bailing me out of this type of instance. Right after surfing around through the the net and getting recommendations which were not helpful, I believed my life was over. Existing without the approaches to the issues you have sorted out through the short post is a crucial case, and the ones which might have in a wrong way damaged my entire career if I hadn’t noticed your blog. Your own training and kindness in taking care of every item was crucial. I’m not sure what I would’ve done if I had not discovered such a thing like this. I can also now look forward to my future. Thanks so much for your professional and result oriented guide. I won’t be reluctant to recommend your blog to anyone who would need recommendations about this area.
Динамичное меню | Чернев.ру I was recommended this web site by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my trouble. You are incredible! Thanks! your article about Динамичное меню | Чернев.руBest Regards Craig
Heya i’m for the first time here. I came across this board and I find It really useful & it helped me out a lot. I hope to give something back and aid others like you aided me.
I am continually browsing online for posts that can facilitate me. Thanks!
Oh my goodness! a tremendous article dude. Thank you Nonetheless I am experiencing subject with ur rss . Don’t know why Unable to subscribe to it. Is there anyone getting identical rss drawback? Anybody who is aware of kindly respond. Thnkx
in case you didn’t know that this judge ordered the city to give compensation to minority candidates who scored a 26 or higher on the fd written exam. if you can’t read and comprehend what is being said to you, then shame on you. why is it any of our faults that these guys can’t read?
You can definitely see your skills within the work you write. The arena hopes for even more passionate writers like you who are not afraid to mention how they believe. All the time follow your heart. «A second wife is hateful to the children of the first a viper is not more hateful.» by Euripides.
When I originally commented I clicked the -Notify me when new comments are added- checkbox and now each time a comment is added I get four emails with the same comment. Is there any way you can remove me from that service? Thanks!
I’ve been browsing online more than three hours today, yet I never found any interesting article like yours. It’s pretty worth enough for me. Personally, if all site owners and bloggers made good content as you did, the net will be much more useful than ever before.
Quality posts is the main to interest the people to visit the web site, that’s what this website is providing.
Sorry to go off topic, but can I ask you guys for a favor? I am trying to activate my download link for this darn HOW TO DATE book. I need ten visitors to my link before it will become live. I apologize for imposing on you like this, but if you don’t mind, could you take a second to help me out and click on this link so that it activates for me?
Its like you read my mind! You appear to know a lot about this, like you wrote the book in it or something. I think that you could do with a few pics to drive the message home a little bit, but instead of that, this is magnificent blog. A fantastic read. I’ll certainly be back.
I have read some excellent stuff here. Certainly worth bookmarking for revisiting. I wonder how a lot attempt you set to create this kind of magnificent informative website.
I consider other site proprietors need to take this site as a great model, very clean up and fantastic user friendly style and design, as well because content. You’re an expert in this specific topic!
Hello there! I know this is kind of off topic but I was wondering which blog platform are you using for this site? I’m getting sick and tired of WordPress because I’ve had issues with hackers and I’m looking at options for another platform. I would be awesome if you could point me in the direction of a good platform.
Congratulations for posting such a useful blog. Your blog isn’t only informative but also extremely artistic too. There usually are extremely couple of individuals who can write not so easy articles that creatively. Keep up the good writing !!
hey there and thank you for your info – I’ve definitely picked up anything new from right here. I did however expertise a few technical points using this website, since I experienced to reload the website a lot of times previous to I could get it to load properly. I had been wondering if your web hosting is OK? Not that I am complaining, but sluggish loading instances times will very frequently affect your placement in google and can damage your quality score if advertising and marketing with Adwords. Anyway I am adding this RSS to my email and can look out for much more of your respective fascinating content. Make sure you update this again very soon..
Hmm is anyone else experiencing problems with the images on this blog loading? I’m trying to determine if its a problem on my end or if it’s the blog. Any responses would be greatly appreciated.
I spent ninety percent of my time searching the web, and I came throughout your website through the search engine. I’ve so as to add that the information may be very educated and I would like to exchange hyperlinks with you for future reference. Please get back to me to let me know your opinion. Thanks.
I was wondering if you ever considered changing the layout of your blog? Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better. Youve got an awful lot of text for only having one or two images. Maybe you could space it out better?
What you said made a lot of sense. But, think about this, what if you added a little content? I mean, I dont want to tell you how to run your blog, but what if you added something to maybe get peoples attention? Just like a video or a picture or two to get people excited about what youve got to say. In my opinion, it would make your blog come to life a little bit.
Howdy, I enjoyed studying your post. Thanks for the great info. Hoped that we are able to extend our friendship through a mutual hyperlink change? Let me know, and nice to have found you right here!
Hi there, just became aware of your blog via Google, and located that it’s truly informative. I am gonna watch out for brussels. I will be grateful if you continue this in future. Numerous men and women will likely be benefited from your writing. Cheers!
Динамичное меню | Чернев.ру Pretty nice post. I just stumbled upon your blog and wished to say that I have truly enjoyed surfing around your blog posts. In any case I’ll be subscribing to your rss feed and I hope you write again soon!
I’ve recently been thinking the similar factor myself lately. Pleased to see someone on the same wavelength! Nice article.
Динамичное меню | Чернев.ру I was recommended this web site by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my trouble. You’re amazing! Thanks! your article about Динамичное меню | Чернев.руBest Regards Lawrence
Many thanks for this article. I’d personally also like to say that it can possibly be hard when you’re in school and simply starting out to establish a long credit rating. There are many learners who are merely trying to make it and have long or good credit history can be a difficult element to have.
baby gifts marrow unpremeditated loose handset rocket lake stoical paradoxical fringe a organize
Ha ha… I was just browsing around and took a glance at these comments. I can’t believe there’s still this much fascination. Thanks for posting about this.
I think other web site proprietors should take this web site as an model, very clean and magnificent user friendly style and design, as well as the content. You’re an expert in this topic!
Would you be taken with exchanging hyperlinks?
hello!,I like your writing so much! share we communicate more about your post on AOL? I require a specialist on this area to solve my problem. Maybe that’s you! Looking forward to see you.
I’ve read several good stuff here. Certainly worth bookmarking for revisiting. I surprise how much effort you put to make such a magnificent informative site.