html5网页模板怎么修改，我们需要了解哪些?企业在为学校做html网页模板时，有一个页面要显示一些考号、座号等，因为要经常修改，所以在后台做一个可以定制的页面。

　　所创建的组件分为两类：文本组件(定制要显示的文本，例如标题等)和数据组件(如座位号等，仅可修改宽度，内容不能直接编辑)。

　　阐述了编辑功能的基本实现;

　　一：布置。

　　其中，绿色div(.container)是每一个创建的组件中最外层的div，蓝色span用于编辑文本，container中也有上面的工具条，以便将其向上偏移显示在外部。最上面的红色div(.move)是隐藏的，并向其添加了拖动事件。在右下方有一个正方形的div(.zoom)，它会在上面添加缩放事件。

　　二是编辑功能。

　　普通的编辑文本使用input，但是在上面使用input显然不合适，在上面添加一个上contenteditable="true"属性到span(或者上面的div)上面，就可以编辑它的内容了。

　　第三，拖拽。

　　因为所有的dom都在container中，所以只要在拖动时改变container的位置就可以了。

　　当组件接近顶部时，在基本拖动上加一个作用域限制，关于建站，以防止组件从页面中被拖出，同时使工具条出现在下面。

　　四：比例调整。

　　(a)$container.find('.zoom').on('mousedown'),function(e){cancelBubble(e);var$element=$(this).parent();$(document).on('mousement)',function(e){varx=e.pageX-$element.offset().left();//pagex和offset所获得的位置，是vary=e.pageY-$element.offset()(function);function(mousement);$element.css(height',y);returnfalse(function);function(function)(function){$element)}

　　这个部分实现了缩放的基本功能，并在后面限制了其最小宽度高度。cancelBubble是消除泡沫的功能。

　　取消冒泡函数functioncancelBubble(e)?(e.cancelBubble=true):(e.stoppropagation())

　　五、工具栏。

　　工具栏中的功能基本上都是处理文本，只需在相应的按钮上添加功能即可，这里我使用的一个叫做jscolor的插件，还有一些blog中的颜色选择器。

　　六：来源。

　　额，其它地方都是一些DOM和风格操作，这里就不多说了，放源码吧。

　　以上就是关于html5网页模板怎么修改的文字介绍，希望对您有帮助!