zcx147716565

zcx147716565

这家伙有点懒,还没写个性签名!

  • 财富值12415
  • 威望值20
  • 总积分13275

个人信息

  • 发表了说说
    雨滴答滴答的,敲打着房子的遮雨棚,我慵懒地转着身,沉醉着,抱着被子,那一刻,我真想。。。打个电话告诉老板,我不上班了,积水了。。。
  • 回复了 的说说
    衡量一个成功男人不是看你泡了多少妞,而是多少妞泡你。———— 尼古拉•新
    数不过来呀
  • 2017-05-24 已签到
    连续签到3天,获得了15个金钱
  • 回复了 的说说
    找了两天房子,突然觉得在这城市很难有归属感和安全感
    GZ这鬼地方
  • 回复了 的说说
    这个项目快把我逼疯了,为何一个后台项目要搞得这么高级,全特效
    产品经理拿着AK呢,玩毛
  • 发表了说说
    这个项目快把我逼疯了,为何一个后台项目要搞得这么高级,全特效
  • 回复了 的回答

    前端触发请求,使用Ajax从服务器获取数据,然后再局部更新即可,你可以先了解一下Ajax更新!

    方便加QQ交流下?

  • 回复了 的回答

    用Bootstrap的nav-tabs,做成左侧竖排的就可以了,这里是横排选项卡的例子:

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    	<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width,initial-scale=1,maxium-scale=1,user-scalable=no">
    	<link rel="stylesheet" href="./css/bootstrap.css">
    	<script src="./js/jquery-1.10.2.js"></script>
    	<script src="./js/bootstrap.js"></script>
    </head>
    <body>
    	<div class="container">
    		<div style="width:500px;">
    		  <!-- Nav tabs -->
    		  <ul class="nav nav-tabs" role="tablist">
    			<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">首页</a></li>
    			<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">简介</a></li>
    			<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">联系方式</a></li>
    			<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">系统设置</a></li>
    		  </ul>
    
    		  <!-- Tab panes -->
    		  <div class="tab-content">
    			<div role="tabpanel" class="tab-pane active fade" id="home">Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。</div>
    			<div role="tabpanel" class="tab-pane fade" id="profile">Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。  国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。</div>
    			<div role="tabpanel" class="tab-pane fade" id="messages">Bootstrap由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。  国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。</div>
    			<div role="tabpanel" class="tab-pane" id="settings">Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。  国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。</div>
    		  </div>
    
    		</div>		
    	</div>
    </body>
    </html>
    

    这个我也了解了,主要是,怎么切换数据呢,数据不是静态的

  • 2017-05-23 已签到
    连续签到2天,获得了10个金钱
  • 提出了问题
    类似tab选项卡切换页面显示数据
13275/20000
资料完整度
40/100
用户活跃度
90/100

Ta的关注

11

Ta的粉丝

9

Ta的访客

92