首页 > TAG信息列表 > 13022337922

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 表单结构 jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式，让它们更具吸引力，更易于使用。 在 jQuery Mobile 中，您可以使用下列表单控件： 文本输入框 搜索输入框 单选

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 提供了 2 种不同的主题样式, 从 "a" 到 "b" - 每一种主题的按钮，工具条，内容块等等颜色都不一致，每个主题的视觉效果也不一样。 通过设置元素的data-theme属性可以自定义应用的外观: <a href="#" class="ui-btn ui-btn-a|b">按钮</a> 值描述实例 a 页面为灰色背景

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 图像透明/不透明

使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 更多实例 创建透明图像 - 悬停效果 创建一个具有文本的拥有背景图像的透明框 实例1 - 创建一个透明图像 CSS3中属性的透明度是 opacity。 首先，我们将向您展示如何用CSS创建一个透明图像。 正常

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，点击如