Based on the jquery PPT online production of the online demo effect code is a JS-based high-end atmospheric grade slide production effect. As follows:
Online preview Source Download
The implemented code.
HTML code:
<DivID= "Topbar"class= "NavBar navbar-fixed-top"> <Divclass= "Navbar-inner"> <aclass= "Brand"href="#">H5slides</a> <ulclass= "NAV"ID= "Title-label-wrapper"Data-bind= "Visible:!editingtitle ()"> <Li><ahref="#"ID= "Label-title"Data-bind= "Text:titledisplay, click:edittitle"></a></Li> </ul> <formclass= "Navbar-form pull-left"ID= "Title-editor-wrapper"Data-bind= "Visible:editingtitle"onsubmit= "return false;"> <inputtype= "text"class= "Span2"ID= "Input-title"placeholder= "Input Title here ..."Data-bind= "Value:title, hasfocus:editingtitle"> </form> <ulclass= "Nav pull-right"> <Li><ahref= "#theme-manager"Data-toggle= "Modal"><Iclass= "Icon-briefcase"></I>Themes</a></Li> <Li><ahref= "#reset-confirm"Data-toggle= "Modal"><Iclass= "Icon-repeat"></I>Reset</a></Li> <Li> <ahref="#"class= "Dropdown-toggle"Data-toggle= "Dropdown"> <Iclass= "Icon-play"></I>Preview<bclass= "Caret"></b> </a> <ulclass= "Dropdown-menu pull-right"> <Li><ahref="#"ID= "Preview-btn">From start</a></Li> <Li><ahref="#"ID= "Preview-current-btn">From the current page</a></Li> </ul> </Li> <!--<li><a href= "#" id= "publish-btn" ><i class= "Icon-ok" ></i> publish</a></li> - <!--<li><a href= "#" id= "remove-btn" ><i class= "Icon-remove" ></i> remove</a></li > - </ul> </Div> </Div>
via:http://www.w2bc.com/article/61600
Create PPT online demo effects online based on jquery