在页面的开发中常常会用到上面一排菜单的样式,然后点击上面的菜单就会使下面显示不同的内容:
<ul id="analysis-nav" class="nav nav-pills" style="margin-bottom: 15px;"> <li id="test1" class="active"> <a href="javascript:loadAnalysis('test1');">test1</a> </li> <li id="test2"> <a href="javascript:loadAnalysis('test2');">test2</a> </li> <li id="test3"> <a href="javascript:loadAnalysis('test3');">test3</a> </li> </ul> <div> 要显示的内容 </div>
在javascript中就可以做如下控制
<script type="text/javascript"> //点击TAB时触发不同的方法 function getAnalysisData(t){ var _data = []; if(t == 'test1'){ //点击test1要做的事情 _data = gettest1(); }else if(t == 'test2'){ //点击test2要做的事情 _data = gettest2(); }else if(t == 'test3'){ //点击test3要做的事情 _data = gettest3(); } createChart(_data); } function querytest1(){ //业务方法 } function querytest2(){ //业务方法 } function querytest3(){ //业务方法 } </script>
相关推荐
一个比较美观的圆角Tab选项卡切换效果.html一个比较美观的圆角Tab选项卡切换效果.html一个比较美观的圆角Tab选项卡切换效果.html
Div+Css实现的一个漂亮的Tab样式效果
这以前是别的网站的代码效果,不过原来的样式并非如此。 下载源代码后,按照自己的设计稿做了修改后,觉得效果还可以,就上传上来跟大家分享一下
4. 样式自定义与扩展性:项目的样式设计考虑到了扩展性和自定义的需求,开发者可以根据自己的品牌风格和用户需求对页面样式进行调整和优化。 总之,微信小程序Demo-TAB切换是一个功能完善、易于定制和扩展的示例...
mso-bidi-font-weight: bold"><font face="Times New Roman"><span style="mso-tab-count: 1 dotted">...........................................................................................................
一款由Div CSS jQuery实现的TAB式二级导航菜单,和滑动门导航十分的相似,只不过设计成了菜单的样式,这是以前十分流行的一种菜单形式,如果你的CSS比较好,你可以在不改变JS部分的情况对菜单进行二次美化,变成现在...
这是一款效果非常时尚的Tabs选项卡标签的流线型线条效果。该效果使用纯CSS3来制作,效果类似eclipse软件的标签页效果。该Tabs标签使用流线型设计,并且可以自定义标签的颜色,非常实用和好看。
一个简洁实用的网页选项卡菜单,在同一个页面中实现两个选项卡,第一个是滑动门,从布局上来说基本是相似的,第二个是选项卡,这里主要使用了Js自定义函数:tabMenu,函数功能:实现tab菜单,参数说明:tabMenu...
IOS布局控件使用自定义UITableViewCell 欢迎界面后台获取功能等项目设计IOS源码合集: ios三级展开列表TQMultistageTableView_10802 ios个性化每个...实现各种样式的表格输入界面 高仿新百度贴吧列表效果_10802
在WEB3.0的时代,我们的网站不仅要实现实用价值,更要为用户设计优秀的用户体验。jQuery是一个不错的JS框架,结合目前最新的HTML5技术,我们可以将自己的网站脱胎换骨,立马走向高上大,至少在前端页面上。 1、HTML5...
我们还使用了Java作为主要的编程语言,它是安卓应用开发的主流语言,具有丰富的库和框架,使得开发人员可以轻松实现各种功能和特性。 此外,我们的安卓项目源码还注重用户体验和界面设计。我们提供了一系列的界面...
微信小程序原生的自定义tabBar组件,中间圆形凸起。支持darkMode,深色主题自适应 支持iPhoneX底部横线自适应
8.5 菜单实例二:流行的Tab菜单 第9章 CSS滤镜的应用 9.1 滤镜概述 9.2 通道(Alpha) 9.3 模糊(Blur) 9.4 运动模糊(Motion Blur) 9.5 透明色(Chroma) 9.6 下落的阴影(Dropshadow) 9.7 翻转...
使用java swing设计文件系统管理程序,实现ftp远程登录、fpt文件获取、页面布局切换等,并集成了FontAwesome,对swing进行图标样式美化。 功能简介 1、使用flatlaf对swing进行了界面美化,自适配mac和windows风格 2...
前言 <br>第一部分 Web设计核心问题 <br>第1章 什么是Web设计 <br>1.1 Web设计的金字塔 <br>1.2 建设Web站点 <br>1.3 为用户建设 <br>1.4 从纸张到软件 <br>1.5 Web的图形用户界面传统 ...
:artist_palette:: 主题样式:使用流行的暗黑模式主题,支持深/浅色主题切换 特点 多 tab 页签:plus:右键菜单,提升效率 Redux 状态管理:plus:持久化 封装实用 axios 请求 动态链式面包屑导航 菜单页面路由权限控制 ...
可以自由定制控件的标签图片,背景图片,边线图案等,可以自由实现多种样式的外观,关键是所有的图片都可以自由设计哦
8.5 菜单实例二:流行的Tab菜单 第9章 CSS滤镜的应用 9.1 滤镜概述 9.2 通道(Alpha) 9.3 模糊(Blur) 9.4 运动模糊(Motion Blur) 9.5 透明色(Chroma) 9.6 下落的阴影...
数据转发模块添加数据持久化功能(未实现,将来重新设计转发模块) tcp客户端添加自动重连配置功能 将软件风格模块整合至主窗口中 移除样式模块(真实鸡肋,以后添加调试版来调整软件配色) 数据转发模块tab页面...