Highlight from Text: Difference between revisions
From JSXGraph Wiki
No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
(2 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" /> | <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" /> | ||
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script> | <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script> | ||
<a href="javascript:void(0);" onmouseover="l.highlight();l.setProperty({strokeWidth: | <a href="javascript:void(0);" onmouseover="l.highlight();l.setProperty({strokeWidth: 8});" onmouseout="l.noHighlight();l.setProperty({strokeWidth: 1});">Line</a> | ||
<div id="jxgbox" class="jxgbox" style="width:500px; height:200px; position:relative;"></div> | <div id="jxgbox" class="jxgbox" style="width:500px; height:200px; position:relative;"></div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', { | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 2, 6, -2]}); | ||
var p1 = brd. | var p1 = brd.create('point',[-1,1], {name:'A',style:6}); | ||
var p2 = brd. | var p2 = brd.create('point',[2,-1], {name:'B',style:6}); | ||
var l = brd. | var l = brd.create('line',["A","B"], {strokeColor:'#00ff00',strokeWidth:2}); | ||
</script> | </script> | ||
</html> | </html> |