Tags » JQuery Plugins

spin js - using spin js

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SPIN_JS.aspx.cs" Inherits="EmptyWeb.SPIN_JS" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://fgnass.github.io/spin.js/spin.min.js"></script>
<style type="text/css">
    #loading
    {
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(255,255,255,0.8);
        z-index:1000;
    }
  
    #loadingcontent
    {
        display:table;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
  
    #loadingspinner
    {
        display: table-cell;
        vertical-align:middle;
        width: 100%;
        text-align: center;
        font-size:larger;
        padding-top:80px;
    }
</style>
    <title></title>
<script type="text/javascript">
    $(function () {
        $("#Button1").click(function () {
            $("#loading").fadeIn();
            var opts = {
                lines: 12, // The number of lines to draw
                length: 7, // The length of each line
                width: 4, // The line thickness
                radius: 10, // The radius of the inner circle
                color: '#000', // #rgb or #rrggbb

                speed: 1, // Rounds per second
                trail: 60, // Afterglow percentage
                shadow: false, // Whether to render a shadow
                hwaccel: false // Whether to use hardware acceleration
            };
            var target = document.getElementById('loading');
            var spinner = new Spinner(opts).spin(target);
        });
    });
 
 
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Spin Test" 
            onclick="Button1_Click" />
       <%-- <input id="submitbtn" type="submit" value="Spin Test" onclick="return submitbtn_onclick()" />--%>
    </div>
<div id="loading">
    <div id="loadingcontent">
        <p id="loadingspinner">
            Please wait...
         18 more words
ASP.NET

jQuery Plugins for Websites Portfolio

We have a list of best jQuery Plugins for Websites Portfolio that will help developers and designers to create impressive and attractive portfolio for personal and commercial websites. 23 more words

Web Design

30 Excellent jQuery Plugins for Navigation and Menus

It’s vital that you follow usability rules with common design practices and layout your site, especially the navigation, in a style that the user can either learn easily or already understands. 87 more words

JQuery

20 Best Free jQuery Plugins

Boost Inspiration – Web Design – Graphic Design – Photography Inspiration

jQuery plugins represent extremely well scripted/ coded JavaScript and CSS libraries to make a website more exciting. 560 more words

Photograph