HTML5 Shining Effect with image

HTML5 Shining Effect with image

 

Tooltip script function

<script>
function refreshTooltip() {
    $('.tooltip-questionmark').tooltip({
        position: {
            my: "center bottom-20",
            at: "center top",
            using: function( position, feedback ) {
                $( this ).css( position );
                $( "<div>" )
                    .addClass( "arrow" )
                    .addClass( feedback.vertical )
                    .addClass( feedback.horizontal )
                    .appendTo( this );
            }
        }
    });
    $('.tooltip-pageyourself').tooltip({
        content: function () {
            return $(this).prop('title');
        },
        position: {
            my: "center bottom-20",
            at: "center top",
            using: function( position, feedback ) {
                $( this ).css( position );
                $( "<div>" )
                    .addClass( "arrow" )
                    .addClass( feedback.vertical )
                    .addClass( feedback.horizontal )
                    .appendTo( this );
            }
        }
    });
};
$(document).ready(function() {
    refreshTooltip();
    // Init placeholder function for browser that doesn't support it
    $('[placeholder]').defaultValue();
});
</script>

Bootstrap templates

Bootstrap templates

Free Bootstrap template

Border Radius for IE

BorderHYPERLINK "http://pxtoem.com/" HYPERLINK "http://pxtoem.com/"RadiusHYPERLINK "http://pxtoem.com/" HYPERLINK "http://pxtoem.com/"forHYPERLINK "http://pxtoem.com/" HYPERLINK "http://pxtoem.com/"IE

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>

avascript:
$('.box').corner();

HTML:
<div class="box">Hello</div>

CSS:
box{
  width:150px;
  height:28px;
  padding:10px;
}

On Mouse Over show hid div Jqeury

On Mouse Over show hid div Jqeury

<!------on mouse over show----------->

$("#ADDropdownLink").mouseenter(function() {

      $("#ADDropdown").show();

}).mouseleave(function() {

      $("#ADDropdown").hide();

});

<!------on mouse over show----------->

Show and Hide function with Jquery

Show and Hide function with Jquery

Use after close head tag

<script>

$(document).ready(function(){

  $("#hide").click(function(){

    $("p").hide();

  });

  $("#show").click(function(){

    $("p").show();

  });

});

</script>

Use after in body tag

<div id="show">Show</div>

<div id="hide">Hide</div>

<p>Your Content is Showing</p>

Show and Hide function with element

Show and Hide function with element

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

Show and Hide function with element you can use multiple ID.