seen from United States
seen from United States
seen from Malaysia
seen from China
seen from Malaysia
seen from United States
seen from China
seen from Germany
seen from China
seen from Hong Kong SAR China
seen from United States
seen from United States
seen from Netherlands
seen from Malaysia
seen from Greece
seen from United States
seen from China
seen from China
seen from United States
seen from China
[Bài 5] Thực thi jquery DOM
[Bài 5] Thực thi jquery DOM
Ở bài trước chúng ta đã tìm hiểu về hiệu ứng trong jquery. Ở bài này mình sẽ giới thiếu đến các bạn về những phương thức thực thi jquery DOM tác động và làm thay đổi đến HTML và CSS trong trang web. Đây là những phương thức được sử dụng nhiều và vô cùng mạnh mẽ.
DOM là gì?
DOM là từ viết tắt của Document Object Model là một chuẩn để truy xuất và thao tác đến các đối tượng HTML, XHTML, XML. Nói…
View On WordPress
How to Make A Simple DropDown in HTML With The Help of Jquery and CSS
You Can Use Below Code to Make A Simple Drop Down In HTML With The Help Of Jquery And CSS ***Jquery*** <script> $(function(){ $('.DropDown > ul > li').on('click', function(){ $('.DropDown ul ul').slideUp(); $(this).children('ul').slideDown(); }); }); </script> ![<html> <div class="DropDown"> <ul> <li><a href="javascript:void(0);">ONE</a> <ul class="First"> <li><a href="javascript:void(0);">1</a></li> <li><a href="javascript:void(0);">2</a></li> </ul> </li> <li><a href="javascript:void(0);">TWO</a> <ul class="Second"> <li><a href="javascript:void(0);">3</a></li> <li><a href="javascript:void(0);">4</a></li> </ul> <div class="clr"></div> </li> <li><a href="javascript:void(0);">THREE</a> <ul class="Second"> <li><a href="javascript:void(0);">3</a></li> <li><a href="javascript:void(0);">4</a></li> </ul> <div class="clr"></div> </li> </ul> </div> </html>][1] For such more Blogs visit http://findnerd.com/NerdDigest
Make a Div Align Center Using J-query
Hello Readers !Here is an example, how to make a div always center align using jquery. You can do this using css but this method will work with positions (absolute, fixed etc) and it is also compatible with internet explorer. <script> $(document).ready(function(){ var windowWidth = $(window).width(); var divWidth = $("div").width(); $("div").css({"margin-left":(windowWidth-divWidth)/2}); }); </script> For more kindly visit http://findnerd.com/NerdDigest/Html
How to make Sticky navigation
Hello Readers !
Below is an example of sticky navigation with simple script which is compatible with internet
explorer. You can use this script for sticky header or sticky footer.
I hope it will be helpful for you.
Script:-
$(document).ready(function(){ $(window).scroll(function(){ if($(this).scrollTop() > 1){ $('nav').addClass('sticky') } else($('nav').removeClass("sticky")) }); });
Css:-
section{width: 900px;margin: 0 auto} footer , header{height: 120px;background-color: #ccc} main{height: 900px} nav{background-color: #333;} nav ul{background-color: #e5e5e5;list-style: none;} nav ul li{display: inline-block;} nav ul li a{color: red;} .sticky{position: fixed;top:0px;width:900px}
Html :-
<section> <header id="header"> </header> <main> <nav> <ul> <li><a href="" title="">Navigation1</a></li> <li><a href="" title="">Navigation</a></li> </ul> </nav> </main> <footer> </footer> </section> For such more blogs kindly visit http://findnerd.com/NerdDigest
jQuery Upload multiple images with preview -SPLessons
