 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
It’s time for jQuey
Download jQuery right here and add it into your webpage:
<script language="javascript" src="js/jquery-1.3.2.min.js"></script>And replace all the old javascript code at the previous part by code below:
<script type="text/javascript">Â $(document).ready(function(){Â Â FLIR.init({path:'js/facelift/'});Â Â $("a.flir").each(function() { FLIR.replace('a.flir', new FLIRStyle({ cFont:'loyal' })); });Â Â $("a.flir").hover(function(){$(this).fadeOut(100);$(this).fadeIn(500);});Â });</script>2. Nice & Clean Sliding Login Panel Built With JQuery
The sliding panel works like a charm in IE6, IE7, Firefox, Safari, Opera and Chrome. I didn’t test it in IE8 yet. Let me know if it does.
Please note the Login and Register forms in this demo will not work “out of the box” without a user login system pre-installed on your site (e.g. PHP/MySQL user login system)!
· Login button that slides the panel down changes from “Log In | Register” to “Close Panel” on click and I have added some nice rollover images:
Login button when panel in closed state:
Close button when panel in opened state:
Toggle effect (.toggle() in the javascript code below) behaves differently in jQuery than in Mootools and makes it dead simple to switch the login and close buttons on click. Here’s how I proceded:
Поиск по сайту: