Difference between revisions of "Animations"

From JSXGraph Wiki
Jump to navigationJump to search
Line 1: Line 1:
 
<html>
 
<html>
<span onClick="p.visit([-1.5,-1.5],500,2)">Click here, to start animation</span>
+
<span onClick="p.visit([-1.5,-1.5],100,2)" style="color:'blue'">Click here, to start animation</span>
 
</html>
 
</html>
 
<jsxgraph width="500" height="500">
 
<jsxgraph width="500" height="500">
Line 6: Line 6:
 
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
 
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
 
</jsxgraph>
 
</jsxgraph>
 +
 +
===The JavaScript code===
 +
<source lang="xml">
 +
<span onClick="p.visit([-1.5,-1.5],100,2)" style="color:'blue'">Click here, to start animation</span>
 +
<jsxgraph width="500" height="500">
 +
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});
 +
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
 +
</jsxgraph>
 +
</source>
 +
 +
[[Category:Examples]]

Revision as of 13:11, 30 September 2009

Click here, to start animation

The JavaScript code

<span onClick="p.visit([-1.5,-1.5],100,2)" style="color:'blue'">Click here, to start animation</span>
<jsxgraph width="500" height="500">
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
</jsxgraph>