首页 > TAG信息列表 > 徽信

Foundation 滑块

Foundation 滑块允许用户通过拖动来选取区间值: 滑块可以通过使用 <div class="range-slider" data-slider> 创建。在 <div> 内, 添加两个 <span> 元素: <span class="range-slider-handle"> 创建矩形滑块（蓝色背景）， <span class="range-slider-active-segment"&

Foundation 提示框

提示框在鼠标移动到元素上后显示： 我们可以在任何元素上添加 data-tooltip 属性来创建提示信息。使用 title 属性来设置提示信息的文本。 注意: 滑块需要使用 JavaScript。所以你需要初始化 Foundation JS: 实例 <span data-tooltip title="Hooray!">Hover over me!</span>

Foundation 顶部导航栏

顶部导航栏放在页面头部： 实例 <nav class="top-bar" data-topbar>  <ul class="title-area">    <li class="name">      <!-- 如果你不需要标题或图标可以删掉它 -->      <h1><a href="#">WebSiteName</a></h1&

Foundation 侧边栏

侧边栏导航 Foundation 使用 <ul class="side-nav"> 创建侧边栏: 实例 <ul class="side-nav">  <li><a href="#">Link 1</a></li>  <li><a href="#">Link 2</a></li>  <li><

Foundation 价格表

价格表可用于展示企业产品: 实例 <ul class="pricing-table">  <li class="title">Basic</li>  <li class="price">$19.99</li>  <li class="description">Great for small business</li>  <li clas

Foundation 折叠列表

在你想隐藏部分内容的显示时，可以使用折叠列表。 实例 <ul class="accordion" data-accordion>  <li class="accordion-navigation">    <a href="#demo">Simple Collapsible</a>    <div id="demo" class="content"&g

Foundation 列表

在 HTML 中，无序列表 (<ul>) 实例如下: <ul>  <li>List item</li>  <li>List item</li>  <li>List item</li>  <li>List item</li></ul> 结果: List item List item List item List item 圆圈标识符 在 Foundation 中，无

Foundation5 教程

Foundation5 教程 Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。 Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。 Foundation 是一个以移动优先的流行框架。 在线实例 菜鸟教程包含了上百个 Foundation 实例。 你可以直接使

jQuery Mobile 表单输入元素

jQuery Mobile 文本输入框 输入字段是通过标准的 HTML 元素编码的，jQuery Mobile 将为它们添加样式使其看起来更具吸引力，在移动设备上更易使用。您也能使用新的 HTML5 的 <input> 类型： 实例 <form method="post" action="demo_form.php"><div class="ui-field-contain"><label for

jQuery Mobile 表单选择菜单

jQuery Mobile 选择菜单 Iphone 上的选择菜单： Android/SGS4 设备上的选择菜单： <select> 元素创建带有若干选项的下拉列表。 <select> 元素内的 <option> 元素定义了列表中的可用选项： 实例 <form method="post" action="demoform.html"><fieldset class="ui-field-contain&

jQuery Mobile 表单滑动条

jQuery Mobile 滑动条控件 滑动条允许您从一个范围的数字中选择一个值： 如需创建滑动条，请使用 <input type="range">： 实例 <form method="post" action="demoform.php">  <label for="points">进度:</label>  <input type="range"

jQuery Mobile 过渡

jQuery Mobile 包含 CSS3 效果让您选择页面打开的方式。 jQuery Mobile 页面切换效果 jQuery Mobile 提供了各种页面切换到下一个页面的效果。 注意：为了实现页面切换效果，浏览器必须支持 CSS3 3D 切换：       12.0 10.0 16.0 4.0 15.0 表格中的数字为支持 3D 旋转的最小

jQuery Mobile 按钮

Mobile 应用程序是建立在您想要显示的简单的点击事物上。 在 jQuery Mobile 中创建按钮 在 jQuery Mobile 中，按钮可通过三种方式创建： 使用 <button> 元素 使用 <input> 元素 使用带有 data-role="button" 的 <a> 元素 <button> <button>按钮</button> 尝试一下 » <inpu

CSS3 文本效果

CSS3 文本效果 CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性： text-shadow box-shadow text-overflow word-wrap word-break 浏览器支持 属性      text-shadow 4.0 10.0 3.5 4.0 9.5 box-shadow 10.04.0 -webkit- 9.0 4.03.5 -moz- 5.13.1 -webkit

CSS3 字体

CSS3 @font-face 规则 使用以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。 使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。 您所选择的字体在新的 CSS3 版本有

CSS 图片廊

以下是使用CSS创建图片廊： 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 图片廊 以下是使用 CSS 创建图片廊： 实例 <div class="responsive"> <div class="img"> <a target="_blank" href="http://static.runo

CSS Position(定位)

position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 static 定位 HTML 元素的默认值，即

CSS 布局 - Overflow

CSS overflow 属性用于控制内容溢出元素框时显示的方式。 这里的文本内容是可以滚动的，滚动条方向是垂直方向。 这里的文本内容是可以滚动的，滚动条方向是垂直方向。 这里的文本内容是可以滚动的，滚动条方向是垂直方向。 这里的文本内容是可以滚动的，滚动条方向是垂直方向。 这里的文

Java 文档注释

Java 支持三种注释方式。前两种分别是 // 和 /* */，第三种被称作说明注释，它以 /** 开始，以 */结束。 说明注释允许你在程序中嵌入关于程序的信息。你可以使用 javadoc 工具软件来生成信息，并输出到HTML文件中。 说明注释，使你更加方便的记录你的程序信息。 javadoc 标签 javado

Java 数据结构

Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collection)，我们后面再讨论。

Java Character 类

Character 类用于对单个字符进行操作。 Character 类在对象中包装一个基本类型 char 的值 实例 char ch = 'a'; // Unicode 字符表示形式 char uniChar = '\u039A'; // 字符数组 char[] charArray ={ 'a', 'b', 'c', 'd', 'e' }; 然而，在实际开发

Java 开发环境配置

在本章节中我们将为大家介绍如何搭建Java开发环境。 Windows 上安装开发环境 Linux 上安装开发环境 安装 Eclipse 运行 Java window系统安装java 下载JDK 首先我们需要下载java开发工具包JDK，下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html，点击如

Java 教程

Java 是由Sun Microsystems公司于1995年5月推出的高级程序设计语言。 Java可运行于多个平台，如Windows, Mac OS，及其他多种UNIX版本的系统。 本教程通过简单的实例将让大家更好的了解JAVA编程语言。 Java 在线工具 JDK 1.6 在线中文手册 我的第一个 JAVA 程序 以下我们通过一个简

Ruby JSON

本章节我们将为大家介绍如何使用 Ruby 语言来编码和解码 JSON 对象。 环境配置 在使用 Ruby 编码或解码 JSON 数据前，我们需要先安装 Ruby JSON 模块。在安装该模块前你需要先安装 Ruby gem，我们使用 Ruby gem 安装 JSON 模块。 但是，如果你使用的是最新版本的 Ruby，可能已经安装了 g

Ruby RubyGems

RubyGems 是 Ruby 的一个包管理器，它提供一个分发 Ruby 程序和库的标准格式，还提供一个管理程序包安装的工具。 RubyGems 旨在方便地管理 gem 安装的工具，以及用于分发 gem 的服务器。这类似于 Ubuntu 下的apt-get, Centos 的 yum，Python 的 pip。 RubyGems大约创建于2003年11月，从Ruby