几何画板动态演示圆在正多边形上滚动
在数学中考题和教科书中我们常常会遇到与圆滚动周数有关的问题，由于滚动是一种复合运动，学生们在理解时往往出错，就比如研究圆在正多边形上滚动的周数，为了能让学生们直观看到圆滚动的情况，下面就一起学习用动态演示圆在正多边形上滚动的技巧。
几何画板演示圆在正多边形上滚动动画免费获取地址：。
几何画板动态演示圆在正多边形上滚动课件样图：
几何画板课件模板——动态演示圆在正多边形上的滚动
在该课件中，我们任意改变参数n0的数值，从而得到任意边数的正多边形；然后点击动画点操作按钮，动态演示圆在正多边形上的滚动，从而探索出相关的规律。
当n0=4时，正多边形为正方形，圆在其上滚动的效果图如下：
几何画板课件模板——动态演示圆在正方形上的滚动
当n0=8时，正多边形为正八边形，圆在其上滚动的效果图如下：
几何画板课件模板——动态演示圆在正八边形上的滚动
通过演示该课件，我们可以得知：
圆绕正三角形转动一周的时候，自转的周长不仅仅是三角形的周长，还有在三个角顶点处旋转的扇形的周长，并且三个扇形的周长的和刚好是一个圆周。
若圆的周长等于一个正方形的边长，则此圆绕正方形外圈滚一圈，圆自转（ 4+1 ）圈。若圆的周长等于正N边形的边长，圆绕正N边形外圈滚一圈，自转（ N+1 ）圈。
当圆的周长等于正多边形的边长时，自身转的圈数=圆心走过的距离÷圆的周长。
老师们有了该课件，就可以用来探究圆在多边形上滚动的问题，从而掌握其中的规律。如果想学习关于几何画板的更多使用教程和课件模板，可参考几何画板中文官网（.cn）。
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
科沃斯机器人——扫地机器人专家
科沃斯扫地机器人——智能扫地机器人行业领导者
今日搜狐热点posts - 250,&
comments - 10,&
trackbacks - 0
要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。
聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。
但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用 document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页 面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。
网上关于这个问题的资料很少，连CSDN上也说没有办法。
不死心，后来查DHTML手册得知DIV有个doScroll方法可以用来模拟滚动条点击，但很令人失望，到了我这里又是完全失效，难道又不被XHTML支持？
最后终于被我找到控制DIV内容滚动的方法：
&!DOCTYPE&
&meta http-equiv="content-type" content="text/ charset=utf-8" /&
&meta name="keywords" content="滚动条, scrollbar, 页面底部, 聊天窗口, " /&
&meta name="description" content="有些时候（如开发聊天程序），我们需要将将滚动条（scrollbar）保持在最底部，比如聊天窗口，最新发出和收到的信息要显示在最 下方，如果要看到最下方的内容，就必须保证滚动条保持在最底部。" /&
&title&将滚动条（scrollbar）保持在最底部的方法 - 滚动条, scrollbar, 页面底部, 聊天窗口, &/title&
&div id="example"&
&h3 id="example_title"&将滚动条（scrollbar）保持在最底部的方法&/h3&
&div id="example_main"&
&script type="text/javascript"&
function add()
var now = new Date();
var div = document.getElementById('scrolldIV');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '&br /&';
div.scrollTop = div.scrollH
&span class="notice"&请点击&插入一行&按钮，插入最新信息，当出现滚动条时，滚动条将自动保持在底部。&/span&&br /&
&div id="scrolldIV" style="overflow: height: 100 width: 400 border: 1px solid #999;"&
&input type="button" value="插入一行" onclick="add();"&
阅读(...) 评论()在使用几何画板的过程中，很多的用户朋友都遇到过页面中内容较多，无法全部显示等情况，面对这种情况我们可以通过&滚动&按钮控制显示内容在屏幕内滚动。下面我们就来给大家介绍介绍？
&&&&在绘图区域中构造一个点并选定该点，执行&编辑&&&操作类按钮&&&滚动&命令，打开&滚动&属性对话框，选择滚动方向后单击&确定&生成一个&滚动&按钮。单击该按钮整个绘图区域中的对象随着点进行滚动。如滚动方向中的&窗口左上方&是指选定的点移动到窗口左上方，而画板的画面随选定的点，也向窗口的左上方平移。按住&Alt&键，点击鼠标，鼠标形状会由张开小手变为捏物小手，按住鼠标左键可以拖动画板显示区域移动。
&&&&在操作类按钮的标签选项卡中，如果输入按钮标签是&名称+&+字符&，则在绘图区域中，这个字符就是这个按钮的快捷键。如下图，f 就是动画参数按钮的快捷键。当键盘不是编辑文本或者标签状态时，直接按键盘上的&f&，按钮动作就被执行，再按一次&f&，按钮动作被停止。如果绘图区域按钮的快捷键有重名，则按照操作类按钮&诞生&的顺序执行第一个按钮动作。
&&&&字符可以是数字、字母或符号，字母不区分大小写。如果制作音符函数，使用快捷键将音符的标签快捷键标识为 1、2、3、4、5、6、7等不同快捷键，则使用键盘演奏也成为了可能。
&&&&如果想让操作类按钮执行的动作，在打开画板文档时，直接处于执行状态，可以在保存画板文档前，选定想要打开文档就执行的操作类按钮，然后关闭画板，当系统提示是否保存修改时，选择保存退出。重新打开文档，被选定的操作类按钮动作就立即执行。
&&&&&操作类按钮&上的文字可以通过文本工具栏进行修改，也可以在&编辑&&&参数选项& &&文本&&&改变对象属性&&&操作类按钮&中设定默认值。在几何画板中，按钮文本的背景颜色不可修改。按钮的颜色可以选定按钮，通过&显示&&&颜色&来修改。
&&&&以上内容为大家讲解了几何画板制作滚动按钮的方法，学习了以上内容，相信大家已经掌握了制作滚动按钮的技巧。几何画板操作类按钮不止这一种，比如还有动画按钮，可参考几何画板使用教程：。
&&&&&以上为转载内容，原文是：.cn/changjianwenti/gundong-anniu.html
阅读(...) 评论()要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。
聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置，具体可参见：
但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。
网上关于这个问题的资料很少，连CSDN上也说没有办法。
不死心，后来查DHTML手册得知DIV有个doScroll方法可以用来模拟滚动条点击，但很令人失望，到了我这里又是完全失效，难道又不被XHTML支持？
最后终于被我找到三种控制DIV内容滚动的方法：方法一：使用锚标记要滚动到的位置，然后通过click方法模拟点击滚动到锚所在位置 &script language="javascript1.2" type="text/javascript"&function onGetMessage(context) { msg.innerHTML+= msg_end.click(); } &/script&&div style="width:500overflow:auto"& &div id="msg" style="overflow:width:480"&&/div& &div&&a id="msg_end" name="1" href="#1"&&nbsp&/a&&/div&&/div&
方法二：利用DIV的scrollIntoView方法，将最底端滚动到可视位置 [list=1]&scriptlanguage="javascript1.2"type="text/javascript"&function onGetMessage(context) { msg.innerHTML+= msg_end.scrollIntoView(); } &/script&&div style="width:500overflow:auto"& &div id="msg" style="overflow:width:480"&&/div& &div id="msg_end" style="height:0 overflow:hidden"&&/div&&/div&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&&html xmlns=""&&head&&meta http-equiv="content-type" content="text/ charset=utf-8" /&&meta name="keywords" content="滚动条, scrollbar, 页面底部, 聊天窗口, " /&&meta name="description" content="有些时候（如开发聊天程序），我们需要将将滚动条（scrollbar）保持在最底部，比如聊天窗口，最新发出和收到的信息要显示在最下方，如果要看到最下方的内容，就必须保证滚动条保持在最底部。" /&&title&将滚动条（scrollbar）保持在最底部的方法 - 滚动条, scrollbar, 页面底部, 聊天窗口, &/title&&/head&&body&&div id="example"&&h3 id="example_title"&将滚动条（scrollbar）保持在最底部的方法&/h3&&div id="example_main"&&!--************************************* 实例代码开始 *************************************--&&script type="text/javascript"&function add(){var now = new Date();var div = document.getElementById('scrolldIV');div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '&br /&';div.scrollTop = div.scrollH}&/script&&span class="notice"&请点击&插入一行&按钮，插入最新信息，当出现滚动条时，滚动条将自动保持在底部。&/span&&br /&
&div id="scrolldIV" style="overflow: height: 100 width: 400 border: 1px solid #999;"&&/div&&input type="button" value="插入一行" onclick="add();"&&!--************************************* 实例代码结束 *************************************--&&/div&&/div&&/body&&/html&
方法4：这个比较复杂也比较灵活一点，就是利用DIV+JS+图片构造一个滚动条，当然了图片是怎么好看怎么用了。主要部分就是外层的DIV加个overflow:hidden属性，通过js代码调整内层DIV的margin-left和margin-top来控制内容的滚动，由于上面两种方法已经可以满足需求，所以这种方法没具体做深究，有兴趣的可以试一下
阅读(...) 评论()
HTML,DIV+CSS,js,JQ,UI等WEB前端设计经验 友情链接：,,,,,,,,}