html5各种页面切换效果和模态对话框用法总结.docVIP

5各种页面切换效果和模态对话框用法总结 本文详细总结了 5各种页面切换效果和模态对话 框用法。分享给大家供大家参考。具体分析如下： 页面动画： data-transition属性可以定义页面切换是的动画效果。 例 如 ： lt;ahref=index. data- transition=〃pop〃gt;I’ llpoplt:/agt; data-transition 参数表： 参数说明 slide从右侧向左滑入页面 slid eup从底部向上滑入 s li dedown从上向下滑入 pop从中心渐显展开 fade渐显 fli p翻转 备注：如果想要在目标页面中显示后退按钮，可以在 链接中加入data-direct ion=〃revers e〃属性，这个属性和 原来的data-back =true相同，不知道在正式版本中将会 保留哪个属性。 模态对话框 模态对话框是一种带有圆角标题栏和关闭按钮的伪浮 动层，用于独占事件的应用。任何结构化的页面都可以用 data-rel=dialog 链接的方式实现模态对话框应用。 例如：1 t;ahref=〃fo o. 〃data -rel=，，dialo g〃gt;Opendi aloglt;/agt ; 这个页面切换效果同样可以使用标准页面的data- transi tion参数效果。建议使用〃pop、〃sl ide叩〃和 fli p参数