>All Tutorials 
Ajax and .NET Ajax and .NET RSS XML
Ajax and ColdFusion Ajax and ColdFusion RSS XML
Ajax and Java Ajax and Java RSS XML
Ajax and PHP Ajax and PHP RSS XML
Ajax and SOA Ajax and SOA RSS XML
Ajax Goodies Ajax Goodies RSS XML
Ajax Tool Ajax Tool RSS XML
Facebook MockAjax Facebook MockAjax RSS XML
Google Web Toolkit Google Web Toolkit RSS XML
JavaScript Framework JavaScript Framework RSS XML
Ruby on Rails Ruby on Rails RSS XML
Technique Introduction Technique Introduction RSS XML
Without XMLHttpRequest Without XMLHttpRequest RSS XML
Yahoo! UI Yahoo! UI RSS XML

How To Create a Side Scrolling Page Effect - Part I - ASP.NET Ajax - page div ajax side part aspnet design effect

 
Registered tutorials: 501
Registered Users: 24390



Rating: 3.4 out of 5 votes cast


  
Category: Ajax and .NET

How To Create a Side Scrolling Page Effect - Part I - ASP.NET Ajax

Digg this   Post to del.icio.us

Abstract: This tutorials shows how to create a slide show in your ASP.NET AJAX application. You can click on an arrow and the content slides to the left or right.

When I was building my portfolio page a few weeks ago, I came up with an idea for a side-scrolling page. The idea is basically, you click on an arrow and the content slides to the left or right. Cool idea, but I couldn’t wrap my head around how to get the CSS to work.

Shortly after I figured out how to get it all to work I learned that my unique idea wasn’t all that unique after all. Its still a great effect, and over the last few days I have seen a lot of people asking how to do it on various forums so it makes for a good tutorial.

When I originally started this article I was planning on using just the ASP.NET Ajax framework because that is what I was using for my latest project. However, once I got it up and running I was a bit disappointed in the performance of the animation. That is when I began hunting for another way to do it. By the end of my search I had delved in and created a side scroller using 3 different frameworks: ASP.NET Ajax, scriptaculous, and MooTools. All of them “get the job done”, but I learned that each have their own advantages and disadvantages.

Read Full Tutorial...



Reviews:

Rate and Review This Site

No reviews yet


Statistic Information About this Resource:


Total Hits: 727
Unique Hits: 619


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 2.2 2.3 12.1 14.2 37.1 42.7
Current 2 2 13 13 57 69
Previous 3 3 18 22 64 73
Jul 22 3 3 17 21 0 0
Jul 21 5 5 14 18 56 67
Jul 20 3 3 13 14 48 54
Jul 19 0 0 0 0 43 47
Jul 18 0 0 22 29 0 0
Jul 17 0 0 14 14 64 71
Jul 16 5 6 10 11 25 31
Jul 15 1 1 0 0 14 15
Highest 6 11 31 40 90 105


Script Execution Time: 8.64052 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2