virtual scrolling n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Virtual Scrolling PowerPoint Presentation
Download Presentation
Virtual Scrolling

Loading in 2 Seconds...

play fullscreen
1 / 9

Virtual Scrolling - PowerPoint PPT Presentation


  • 130 Views
  • Uploaded on

Virtual Scrolling. Step One – Timing Events. To execute some code at specified time-intervals JavaScript Callback function Two key methods are: setInterval () - executes a function, over and over again, at specified time intervals

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Virtual Scrolling' - inoke


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
step one timing events
Step One – Timing Events
  • To execute some code at specified time-intervals
    • JavaScript
    • Callback function
  • Two key methods are:
    • setInterval() - executes a function, over and over again, at specified time intervals
    • setTimeout() - executes a function, once, after waiting a specified number of milliseconds
  • See vs_01.html

Virtual Scrolling

step two color stripe
Step Two – Color Stripe
  • DIV class : square
    • Size : 寬*高 100*100(px)
  • See vs_02.html
    • DIV id : stripe
      • Size : 寬*高 755*100(px)
      • position :relative

stripe

Virtual Scrolling

step three view window
Step Three – View Window
  • See vs_03.html
    • DIV class: container
      • Size : 寬*高 315*100

Virtual Scrolling

step four control button
Step Four – Control Button
  • See vs_04.html
    • DIV

<<

>>

Virtual Scrolling

step five scroll it
Step Five – Scroll It
  • See vs_05.html
    • Two call-back functions

<<

>>

Virtual Scrolling

step six animation it
Step Six – Animation It
  • See vs_06.html

<<

>>

Virtual Scrolling

slide8

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

<title>無標題文件</title>

</head>

<scripttype="text/javascript">

functiontimeMsg()

{

vartxt = document.getElementById("txt").value;

setTimeout("alert('時間到!');",txt * 1000);

}

</script>

<body>

<inputid="txt"type="text"/>

<inputtype="button"value="show message"onclick="timeMsg()"/>

</body>

</html>

Virtual Scrolling

the end
The End

Virtual Scrolling