html5 %3cul 标签,index.html
$(function() {
BJUI.init({
JSPATH : 'BJUI/', //[可选]框架路径
PLUGINPATH : 'BJUI/plugins/', //[可选]插件路径
loginInfo : {url:'login_timeout.html', title:'登录', width:400, height:200}, // 会话超时后弹出登录对话框
statusCode : {ok:200, error:300, timeout:301}, //[可选]
ajaxTimeout : 50000, //[可选]全局Ajax请求超时时间(毫秒)
pageInfo : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数
alertMsg : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:3000}, //[可选]信息提示的显示位置,显隐方式,及[info/correct]方式时自动关闭延时(毫秒)
keys : {statusCode:'statusCode', message:'message'}, //[可选]
ui : {
windowWidth : 1200, //框架显示宽度,0=100%宽,> 600为则居中显示
showSlidebar : true, //[可选]左侧导航栏锁定/隐藏
clientPaging : true, //[可选]是否在客户端响应分页及排序参数
overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时,是否可以覆盖主navtab(我的主页)
},
debug : true, // [可选]调试模式 [true|false,默认false]
theme : 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
})
// main - menu
$('#bjui-accordionmenu')
.collapse()
.on('hidden.bs.collapse', function(e) {
$(this).find('> .panel > .panel-heading').each(function() {
var $heading = $(this), $a = $heading.find('> h4 > a')
if ($a.hasClass('collapsed')) $heading.removeClass('active')
})
})
.on('shown.bs.collapse', function (e) {
$(this).find('> .panel > .panel-heading').each(function() {
var $heading = $(this), $a = $heading.find('> h4 > a')
if (!$a.hasClass('collapsed')) $heading.addClass('active')
})
})
$(document).on('click', 'ul.menu-items li > a', function(e) {
var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj(), $children = $li.find('> .menu-items-children')
var onClose = function() {
$li.removeClass('active')
}
var onSwitch = function() {
$('#bjui-accordionmenu').find('ul.menu-items li').removeClass('switch')
$li.addClass('switch')
}
$li.addClass('active')
if (options) {
options.url = $a.attr('href')
options.onClose = onClose
options.onSwitch = onSwitch
if (!options.title) options.title = $a.text()
if (!options.target)
$a.navtab(options)
else
$a.dialog(options)
}
if ($children.length) {
$li.toggleClass('open')
}
e.preventDefault()
})
//时钟
var today = new Date(), time = today.getTime()
$('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
setInterval(function() {
today = new Date(today.setSeconds(today.getSeconds() + 1))
$('#bjui-clock').html(today.formatDate('HH:mm:ss'))
}, 1000)
})
//菜单-事件
function MainMenuClick(event, treeId, treeNode) {
event.preventDefault()
if (treeNode.isParent) {
var zTree = $.fn.zTree.getZTreeObj(treeId)
zTree.expandNode(treeNode, !treeNode.open, false, true, true)
return
}
if (treeNode.target && treeNode.target == 'dialog')
$(event.target).dialog({id:treeNode.tabid, url:treeNode.url, title:treeNode.name})
else
$(event.target).navtab({id:treeNode.tabid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh, external:treeNode.external})
}
$(function(){
SyntaxHighlighter.config.clipboardSwf = '/js/syntaxhighlighter-2.1.382/scripts/clipboard.swf'
$(document).on(BJUI.eventType.initUI, function(e) {
SyntaxHighlighter.highlight();
})
})
- 消息 4
- 我的账户
- 修改密码
- 我的资料
- 注销登陆
- 树状导航栏(宽版)
- 黑白分明
- 橘子红了
- 紫罗兰
- 天空蓝
- 绿草如茵
- 表单元素
- 按钮
- 文本框
- 下拉选择框
- 文本框
- 下拉选择框
- 复选、单选框
- 表单示例
- 按钮
- 表格
- 普通表格
- 固定表头表格
- 可编辑表格
- Datagrid(beta)
- 转换普通表格
- 完整示例
- 三种数据类型
- 弹出窗口
- 弹出窗口
- 信息提示
- 图形报表
- Highcharts图表
- ECharts图表
- 框架组件
- 选项卡
- 其他插件
- zTree
- zTree下拉选择
- 综合应用
- 局部刷新1
- 在线文档
- 文件详解
- 页面结构
- 框架初始化
- 横向导航菜单
- 标签工作区(navtab)
- 弹窗工作区(dialog)
- 元素ID命名规范
- data属性
- jQuery API调用
- 事件
- URL动态赋值
- 颜色值
- 标签navtab
- navtab参数
- 弹窗dialog
- dialog参数
- 信息提示alertmsg
- 日期选择器
- 微调器
- 查找带回
- 自动完成标签
- Ajax上传组件
- 右键菜单
- 回调函数
- 提交表单
- 搜索表单
- 加载(局部刷新)
- 执行动作
- 表格样式
- 字段排序
- 分页组件
- 行选中操作
- 固定表头
- 可编辑表格
- datagrid示例
- datagrid参数
- columns参数
- Highcharts图表
- ECharts图表
- zTree
- 复选/单选
- 下拉选择框
- 表单验证
- KindEditor
- Ajax Download
- 系统设置
- 角色权限
- 用户列表
- 关于我们
- 友情链接
导航栏
- #maintab#
- #maintab#
Loading...
Copyright © 2013 - 2015 成都锦杨科技
一键复制
编辑
Web IDE
原始数据
按行查看
历史
html5 %3cul 标签,index.html相关推荐
- html5 meta标签属性整理
html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
- HTML5 新标签总汇
HTML5 新标签总汇 2010-12-16 20:44 聂微东 阅读(5060) 评论(8) 编辑 收藏 HTML5新标签总汇: 有问题欢迎指出,有关于CSS3方面的知识点较多,下周一 ...
- 关于html5的标签整理合集(二)
今天我继续来补充html5的标签整理,都是一些重点的: 超链接跳转 href:用于指定链接目标的url地址,当为标签的应用href属性时,他就具有了超链接的功能. target:用于指定链接页面的打开 ...
- HTML5常见标签的使用以及DOM操作
一.HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1( ...
- HTML与HTML5常用标签
目录 学前准备 一.HTML简介 1.1 HTML是什么 1.2 HTML发展历史 1.3 HTML⽂档类型的设定 二.HTML基础语法 2.1 HTML基本结构 2.2 注释 2.3 HTML注释 ...
- 04-前端技术_HTML与HTML5常用标签
目录 一,HTML与HTML5常用标签 学前准备 1,HTML简介 1.1 HTML是什么 1.2 HTML发展历史 1.3 HTML⽂档类型的设定 2,HTML基础语法 2.1 HTML基本结构: ...
- html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许 没有 ...
- html5新标签使用
HTML 5 视频标签<video> <video width="320" height="240" controls="contr ...
- php中 datalist,html5 datalist标签的用法是什么?这里有datalist标签的用法实例
本篇文章主要为大家讲述了关于html5 datalist标签的用法及html5 datalist标签的用法实例.本文说了两个常用的选项框的实例供大家选择观看,下面就让我们一起来看这篇文章吧 我们先来看 ...
最新文章
- 动态内存检测工具Valgrind
- 3月第一周几个要处理的问题
- Mybatis:传输多个参数
- MATLAB之基本语法之常用命令
- 超级计算机预测2月有雪寒潮,干寒潮后,雪寒潮还要来?超级计算机:不确定性很大,需密切观察...
- 配电室智能监控系统设计及实现分析
- 神经网络算法的基本原理,神经网络算法都有哪些
- 混合基金量化投资策略应该怎么制定?
- evolution ubuntu邮箱_linux下有什么好用的邮件客户端?
- 打鱼晒网C语言程序,C语言打鱼还是晒网问题
- 如果有10个词,我想从中取3个词,然后把所有的10选3的可能统计记录下来,该怎么做?...
- OSPF——5种报文(图解)
- 请推荐几个程序员面试时自我介绍的范文!
- 手动清除网卡IP的Linux命令
- 针对某眼电影加密字体的爬虫
- 后端面试知识点总结 数据库 mysql
- Python程序语句
- 鸿蒙系统会不会吸收linux,鸿蒙系统是不是别人不给它适配?
- 关于unity物体移动穿墙问题。
- 低代码指南100解决方案:86教育信息化时代,学校该如何加强家校信息交流?