精美大气的在线课程平台网站顶部设计排版,左侧导航分类菜单,宽屏大图轮播,推荐课程栏目滚动组成的网页顶部布局代码。适用于网络课程教育平台网站顶部html代码。使用jQuery,SuperSlide多功能插件,div css制作完成。

方法调用说明

//网站侧边导航
jQuery("#j-nav-indexcatedialog").slide({ 
	titCell:".item", //鼠标触发对象
	targetCell:".rwrap", //titCell里面包含的要显示/消失的对象
	delayTime:100, //效果时间
	defaultPlay:false,
	triggerTime:0, //鼠标延迟触发时间(默认150)
	returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
});
//宽屏大图轮播
jQuery("#j-slidewrap").slide({
	titCell:".u-slidepg ul li",
	mainCell:".slide ul",
	autoPlay:true,
	delayTime:0,
});	
//底部分类课程推荐
jQuery("#j-cntwrap").slide({
	mainCell:"#j-cntlist ul",
	autoPage:true,
	effect:"left",
	autoPlay:true,
	scroll:1,
	vis:6
});