JQuery daily, jquerydaily

JQuery daily, jquerydaily

Scaling list, toggle (speed, callback), I want to make hover color, click color, click scaling, use toggle, now do not know how to change the color, write another script, yes, however, you can use toggle. I just haven't found a solution yet.

Fade in and out? What is the difference with scaling?

Slide down/up slide

$(document).ready(function(){  $("button").click(function(){    var txt="";    txt+="Width of div: " + $("#div1").width() + "</br>";    txt+="Height of div: " + $("#div1").height();    $("#div1").html(txt);

 

OK, css scaling, search result 1 -------> box-flex, more like layout,

Second

CSS3 click the button to implement the responsive scaling search box. File Reference: <link rel = "stylesheet" type = "text/css" href = "css/default.css"/> <link rel = "stylesheet" type = "text/css" href =" css/component.css "/> <script src =" js/modernizr. custom. js "> </script> Page Structure: <div class =" main clearfix "> <! -- Optional columns for small components --> <div class = "column"> <p> The search bar can be opened on click, it has a fluid width and it & #39; s mobile-friendly. </p> </div> <div class = "column"> <div id = "sb-search" class = "sb-search"> <form> <input class = "sb-search-input" placeholder = "Enter your search term... "type =" text "value =" "name =" search "id =" search "> <input class =" sb-search-submit "type =" submit "value =" "> <span class =" sb-icon-search "> </span> </form> </div> call code: <script src = "js/classie. js "> </script> <script src =" js/uisearch. js "> </script> <script> new UISearch (document. getElementById ('SB-search'); </script>

The effect looks pretty good, but I haven't looked at DOM, and I will stay for future reference.