Posts

jQuery custom content scroller

Image
Last updated on Jul 11, 2016 Originally published on August 1, 2010, by  malihu , under  Plugins . Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via  jQuery mousewheel plugin ), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. view demo Scrollbar themes more download Release archive Project on GitHub Current version  3.1.5  ( Changelog )
Post a Comment
Read more
Step 1, 2, 3 CSS Arrows
Post a Comment
Read more

Simple Toggle Switch Button

Demo Switch Button CSS .switch{     width:58px;     height:24px;     display:inline-block;     position:relative } .switch-input{     opacity:0;     position:absolute;     left:0;     top:0; } .switch-label { background: -moz-linear-gradient(center top ,     #F5F5F5, #F1F1F1) repeat scroll 0 0 rgba(0, 0, 0, 0);    transition: all 0.2s ease 0s;     border: 1px solid rgba(0, 0, 0, 0.1);     border-radius: 2px;     color: #FFFFFF;     display: block;     font-size: 13px;     font-weight: 600;     height: inherit;     position: relative;     text-shadow: 1px 0 1px #878787; } .switch-label:before{     content:attr(dataOff);     position:absolute;   ...
Post a Comment
Read more
Table Fixed header in jquery < head >     < script       src ="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">     </ script >     < style >     .tbl_wrap { border-right : 1px solid #b1b1b1 ; border-top : 1px solid #b1b1b1 ; border-bottom : 1px solid #b1b1b1 ;}     .hd_table { border-collapse : collapse ; border : 0 }     .hd_table td { border : 1px solid #b1b1b1 ; padding : 5px }     .hd_table th   { background : none repeat scroll 0 0 #000000 ; border-left : 1px solid #B1B1B1 ; border-right : 1px solid #B1B1B1 ; padding : 5px ;}     .header_wrap { border-bottom : 1px solid #b1b1b1 ; background : #000000 ;}     </ style >     < script >           function scrolify(tblAsJQueryObject, height) {             var oTbl = tblAsJQueryObject;               // for very large tables you can remove the four lines below              // and wrap the table ...
Post a Comment
Read more

Designing Experties: Sticky Footer

Designing Experties: Sticky Footer
Post a Comment
Read more

Sticky Footer

For my project I wanted Sticky Footer which I found with good Jquery Script. Click Here is for link, it is very useful.
Post a Comment
Read more