标签分类 热门分类
当前位置:首页 > 行业软件及应用电子书 > jQuery电子书网盘下载
Bootstrap与jQuery UI框架设计 Bootstrap与jQuery UI框架设计
小松品质

小松品质 提供上传

资源
28
粉丝
6
喜欢
220
评论
17

    Bootstrap与jQuery UI框架设计 PDF 高清版

    jQuery电子书
    • 发布时间:

    给大家带来的一篇关于jQuery相关的电子书资源,介绍了关于Bootstrap、jQuery、UI框架、设计方面的内容,本书是由中国水利水电出版社出版,格式为PDF,资源大小180 MB,肖睿//吴振宇编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:9.4,更多相关的学习资源可以参阅 行业软件及应用电子书、等栏目。

  • Bootstrap与jQuery UI框架设计 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1riFl6GC9X5ykuGog4EjKm
  • 分享码:9cn8
  • Bootstrap与jQuery UI框架设计 pdf

    随着各类移动终端设备的普及 之前针对PC端设计的网站已经无法满足用户的需求 响应式网页设计的概念应运而生。无论用户使用笔记本还是iPad 页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等 以适应不同设备。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。在众多的响应式框架中 来自Twitter开源的Bootstrap无疑是当前很流行的前端框架。而针对移动平台应用 jQueryMobile适用于所有流行的智能手机和平板电脑。基于jQuery的核心库也更容易让众多的开发人员学习和使用。本套前端开发教材优xuan的特点就是以流行网站元素为项目实战。

    目录

    • 前言
    • 课程设计说明
    • 关于引用作品版说明
    • D11章Bootstrap入门
    • 1Bootstrap简介
    • 1.1Bootstrap简介
    • 1.2Bootstrap文件结构和标准模板
    • 操作案例:在页面中使用Bootstrap
    • 2Bootstrap功能介绍
    • 2.1.Bootstrap构成模块
    • 2.2Bootstrap的特色和功能介绍
    • 2.2.1Bootstrap的特色
    • 2.2.2媒体查询
    • 2.2.3Bootstrap主要功能
    • 2.3Bootstrap优-秀插件
    • 2.4Bootstrap版本变化
    • 3Bootstrap优-秀网站示例
    • 本章总结
    • 本章作业
    • D12章Bootstrap布局
    • 1Bootstrap的结构
    • 1.1使用栅格系统
    • 1.1.1绘制栅格
    • 1.1.2栅格系统的列偏移
    • 操作案例1:制作音乐网站首页
    • 1.1.3栅格系统的列交换
    • 1.1.4栅格系统的嵌套
    • 1.2响应式栅格
    • 操作案例2:组合栅格系统
    • 2CSS布局概要
    • 2.1CSS布局简介
    • 2.2基础排版
    • 2.2.1标题
    • 2.2.2主体内容
    • 2.2.3对齐方式
    • 2.2.4列表
    • 3禁用响应式布局
    • 本章总结
    • 本章作业
    • D13章Bootstrap组件
    • 1按钮
    • 操作案例1:制作Bootstrap官网案例页面
    • 2表格
    • 3CSS组件
    • 3.1表单
    • 3.2输入框组
    • 3.3图标
    • 3.4下拉菜单
    • 操作案例2:制作收集用户信息页面
    • 3.5按钮组
    • 3.6导航和导航条
    • 操作案例3:制作导航栏
    • 3.7缩略图
    • 3.8媒体对象
    • 本章总结
    • 本章作业
    • D14章Bootstrap插件
    • l动画过渡
    • 2Bootstrap中的JS插件
    • 2.1模态框
    • 操作案例1:利用模态窗体制作百度登录框
    • 2.2轮播图
    • 操作案例2:利用.Bootstrap制作携程网首页的轮播图
    • 2.3xuan项卡
    • 2.4折叠
    • 操作案例3:利用Bootstrap制作导航菜单
    • 本章总结
    • 本章作业
    • D15章jQueryMobile入门
    • ljQueryMobile入门
    • 1.1jQueryMobile简介
    • 1.2jQueryMobile准备文档
    • 1.3jQueryMobile架构
    • 1.3.1jQueryMobile属性
    • 1.3.2jQueryMobile主题
    • 1.3.3jQueryMobile视图
    • 操作案例1:制作jQueryMobile基本页面
    • 1.3.4jQueryMobile对话框
    • 1.4与电话整合
    • 操作案例2:制作商家信息展示页面
    • 2jQueryMobileUI组件
    • 2.1网格系统
    • 2.2格式化内容
    • 2.3可折叠的内容
    • 2.4工具栏
    • 操作案例3:制作影视介绍页面
    • 2.5按钮
    • 操作案例4:制作音乐播放器页面
    • 本章总结
    • 本章作业
    • D16章jQueryMobile基础
    • 1列表
    • 1.1整页列表与插入列表
    • 1.2视觉分隔符
    • 1.3交互行
    • 1.4图片
    • 1.4.1图标
    • 1.4.2缩略图
    • 1.4.3计数气泡
    • 2表单组件
    • 2.1表单动作
    • 2.2表单元素
    • 2.2.1文本标签和容器标签
    • 2.2.2文本输入框
    • 2.2.3textarea输入区域
    • 2.2.4HTML5新增标签
    • 操作案例:制作信息收集页面
    • 3jQueryMobileAPI
    • 3.1jQuery:MobileAPI
    • 3.2jQueryMobile事件
    • 3.2.1页面事件
    • 3.2.2方向事件
    • 3.2.3触摸事件
    • 本章总结
    • 本章作业
       

    上一篇:Python地理空间分析指南  下一篇:树莓派开发实战

    展开 +

    收起 -

     
    jQuery 相关电子书
    关于jQuery的学习笔记
    网友NO.767302

    关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

    书写jQuery EasyUI Tab 样例时,如果刷新前面的Tab 选项卡,某一个Tab 选项卡里面的页面布局变乱。如下面图片所示: 刚开始打开时页面布局正确: 此时我们在第二个选项卡里面,点击第一个页面的刷新按钮,一直刷新,然后切换回来再看看页面,如下图: 但是首页选项卡的页面是正常的。 为了便于解释说明,这里用第一个选项卡代表 “首页”,第二个选项卡代表”子菜单10” 出现这种情况的问题根本原因在于,你在第二个选项卡里面,点击其它第一个选项卡刷新按钮时,其实刷新的时第二个选项页面内容,当你鼠标离开你第一个选项卡刷新按钮时 ,此时才选中了第一个选项卡,而这时候第二个选项卡还没有渲染完毕,才导致出现这样的情况。验证过程,这是使用的是验证选项卡的title. 打开两个选项卡,一个”首页”,一个”子菜单10”选项卡,切换到”子菜单10”选项卡,然后点击”首页”选项卡的刷新按钮,弹出的结果如下的图,可见在鼠标点击的过程中,tab 里面选中的还是”子菜单10”选项卡,并不是我们看到的”首页”选项卡。 出现上图问题的错误代码如下: /* title表示tab选项卡的标题 */function refeshCurrentTab() { var tabPanel = $('#tabContainer');//存放tab选项卡的容器 var tab = tabPanel.tabs('getSelected'); //alert("tab选项卡选中按钮的title:"+tab.panel('options').title); var ……

    网友NO.363011

    Jquery Easyui选项卡组件Tab使用详解(10)

    本文实例为大家分享了Jquery Easyui选项卡组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 div class="easyui-tabs" div title="Tab1" data-options="closable:true" tab1 /div div title="Tab2" data-options="closable:true" tab2 /div div title="Tab3" data-options="iconCls:'icon-reload',closable:true" tab3 /div/div JS调用加载 div id="box" div title="Tab1" data-options="closable:true" tab1 /div div title="Tab2" data-options="closable:true" tab2 /div div title="Tab3" data-options="iconCls:'icon-reload',closable:true" tab3 /div /div script $(function () { $('#box').tabs({ // 选项卡容器宽度 width : 500, // 项卡容器高度 height: 400, // 是否不显示控制面板背景。 plain : false, // 选项卡是否将铺满它所在的容器 fit : false, // 是否显示选项卡容器边框 border : true, // 选项卡滚动条每次滚动的像素值 scrollIncrement : 200, // 每次滚动动画持续的时间 scrollDuration : 400, // 工具栏添加在选项卡面板头的左侧或右侧 tools:[{ iconCls : 'icon-add', handler : function () { alert('添加!'); }, }], // 工具栏位置 toolPosition : 'left', // 选项卡位置 tabPosition : 'left', // 选项卡标题宽度,在 tabPosition 属性设置为'left'或'right'的时候才有效 headerWidth : 300, // 标签条的宽度 tabWidth : 250, // 标签条的高度 tabHeight : 25, // 初始化选中一个 tab 页, 从0开始 selected : 2, // 是否显示 tab 页标题 showHeader: true……

    网友NO.247411

    详解jQuery移动页面开发中的ui-grid网格布局使用

    在移动设备上,屏幕宽度狭窄,因此通常不使用多栏布局,但是有时你可能需要将小的元素(如按钮或并排导航标签,例如)多列排列在一起。Jquery Mobile 框架提供了一种简单的方法构建基于css 的分栏布局,叫做ui-grid Jquery Mobile 提供有四个预设的布局,可以在任何情况下都需要列 两列(使用ui-grid-a类) 三列(使用ui-grid-b类) 四列(使用ui-grid-c类) 五列(使用ui-grid-d类) 网格是100%的宽度,完全看不见的(没有边界或背景)和没有margin或padding,所以他们不会干扰样式的元素放在他们里面。在网格容器,子元素被分配ui-block-a / b / c/ d 以连续的方式,使每个“块”元素浮动并列,形成网格。其中ui-block-a类基本上清除浮将开始新的一行(见多行的网格,在下面)。 ui-grid-a 两列布局 建立个两列(50 / 50%)布局,第一层(父容器)添加ui-grid-a属性,第二层(两个子容器)里面分别添加ui-block-a和ui-block-b: div class="ui-grid-a" div class="ui-block-a"strongI'm Block A/strong and text inside will wrap/div div class="ui-block-b"strongI'm Block B/strong and text inside will wrap/div/div!-- /grid-a -- 上述标记产生以下内容布局: 正如你看到的,缺省情况下网格没有视觉造型;他们只是呈现内容并排。 网格的类可以被应用到任何容器。在下一个例子中,我们添加一个ui-grid-a,并应……

    Copyright 2018-2020 xz577.com 码农之家

    电子书资源由网友、会员提供上传,本站记录提供者的基本信息及资源来路

    鸣谢: “ 码小辫 ” 公众号提供回调API服务、“ 脚本CDN ”提供网站加速(本站寻求更多赞助支持)

    版权投诉 / 书籍推广 / 赞助:520161757@qq.com

    上传资源(网友、会员均可提供)

    查看最新会员资料及资源信息