爱喝水的qdy
爱喝水的qdy

BootStrap4工具类之定位

目录

  • 官方地址
  • 其他文档地址
  • 通用属性
  • 固定在顶部
  • 固定在底部
  • sticky置顶
  • 整体代码

官方地址

https://getbootstrap.com/docs/4.4/utilities/position/

其他文档地址

  • https://getbootstrap.net
    • https://getbootstrap.net/docs/utilities/position/
  • http://bs4.vx.link
    • http://bs4.vx.link/index.html?tmpui_page=/pages/utilities

通用属性

  • .postition-static
  • .position-relative
  • .position-absolute
  • .position-fixed
  • .position-sticky
<div class="container position-relative" style="height: 1000px;">
    <h1>通用属性h1>
    <div class="position-static bg-primary" style="width: 100px; height: 100px;">position-staticdiv>
    <div class="position-relative bg-secondary" style="width: 100px; height: 100px;">position-relativediv>
    <div class="position-absolute bg-success" style="width: 100px; height: 100px;">position-absolutediv>
    <div class="position-fixed bg-warning" style="left: 10px; width: 100px; height: 100px;">position-fixeddiv>
    <div class="position-sticky bg-danger" style="top: 10px; width: 100px; height: 100px;">position-stickydiv>
    <div class="position-sticky bg-dark" style="top: 10px; width: 100px; height: 100px;">position-stickydiv>
    <div class="position-sticky bg-light" style="top: 10px; width: 100px; height: 100px;">position-stickydiv>
div>

固定在顶部

.fixed-top

<div class="container">
    <h1>固定在顶部h1>
    <p class="lead">将一个元素置于可视区的顶部，从边到边。必要时你需要增加额外的 CSS。p>
    <div class="fixed-top bg-primary" style="width: 100px; height: 100px;">固定在顶部div>
div>

固定在底部

.fixed-bottom

<div class="container">
    <h1>固定在底部h1>
    <p class="lead">一个元素置于可视区的底部，从边到边。必要时你需要增加额外的 CSS。p>
    <div class="fixed-bottom bg-primary" style="width: 100px; height: 100px;">固定在顶部div>
div>

sticky置顶

.sticky-top

<div class="container border border-primary bg-light" style="height: 1000px;">
    <h1>粘性置顶h1>
    <div class="sticky-top bg-primary" style="width: 100px; height: 100px;">sticky-top bg-primarydiv>
    <div class="sticky-top bg-success" style="width: 100px; height: 100px;">sticky-top bg-successdiv>
    <div class="sticky-top bg-danger" style="width: 100px; height: 100px;">sticky-top bg-dangerdiv>
div>

整体代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"/>
    <title>11定位title>
    

    
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
head>
<body>
<pre class="pre-scrollable">
    若不明白sticky，阅读https://www.cnblogs.com/coco1s/p/6402723.html
    or 翻阅自已的笔记
pre>

<div class="container position-relative" style="height: 1000px;">
    <h1>通用属性h1>
    <div class="position-static bg-primary" style="width: 100px; height: 100px;">position-staticdiv>
    <div class="position-relative bg-secondary" style="width: 100px; height: 100px;">position-relativediv>
    <div class="position-absolute bg-success" style="width: 100px; height: 100px;">position-absolutediv>
    <div class="position-fixed bg-warning" style="left: 10px; width: 100px; height: 100px;">position-fixeddiv>
    <div class="position-sticky bg-danger" style="top: 10px; width: 100px; height: 100px;">position-stickydiv>
    <div class="position-sticky bg-dark" style="top: 10px; width: 100px; height: 100px;">position-stickydiv>
    <div class="position-sticky bg-light" style="top: 10px; width: 100px; height: 100px;">position-stickydiv>
div>

<div class="container">
    <h1>固定在顶部h1>
    <p class="lead">将一个元素置于可视区的顶部，从边到边。必要时你需要增加额外的 CSS。p>
    <div class="fixed-top bg-primary" style="width: 100px; height: 100px;">固定在顶部div>
div>

<div class="container">
    <h1>固定在底部h1>
    <p class="lead">一个元素置于可视区的底部，从边到边。必要时你需要增加额外的 CSS。p>
    <div class="fixed-bottom bg-primary" style="width: 100px; height: 100px;">固定在顶部div>
div>

<div class="container border border-primary bg-light" style="height: 1000px;">
    <h1>粘性置顶h1>
    <div class="sticky-top bg-primary" style="width: 100px; height: 100px;">sticky-top bg-primarydiv>
    <div class="sticky-top bg-success" style="width: 100px; height: 100px;">sticky-top bg-successdiv>
    <div class="sticky-top bg-danger" style="width: 100px; height: 100px;">sticky-top bg-dangerdiv>
div>


<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js">script>


<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js">script>


<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js">script>
body>
html>

你可能感兴趣的:(BootStrap4)

  • Bootstrap4网格系统详解 半点寒12W csscss3
    一、基本概念Bootstrap4的网格系统是其核心部分，它基于一个12列的布局，能够帮助你轻松创建响应式的网页布局。这种网格系统可以让你将页面内容划分为不同的行和列，使得内容在不同设备上都能呈现出最佳的显示效果。二、容器（Container）容器的作用：容器是用来包裹页面内容的元素，它提供了一个水平居中的布局空间，并为内部的行和列设置了合适的内边距。容器的类型：**.container：**这是一
  • Bootstrap 4 按钮 wjs2024 开发语言
    Bootstrap4按钮引言Bootstrap4是目前最受欢迎的前端框架之一，它提供了一套丰富的组件和工具，帮助开发者快速构建响应式和移动设备优先的网页。在本文中，我们将重点探讨Bootstrap4中的按钮组件，包括其样式、大小、状态和定制方法。按钮样式Bootstrap4提供了多种按钮样式，以满足不同的设计需求。以下是一些常见的按钮样式：默认按钮：.btn类是所有按钮的基本样式，它提供了一个简单
  • 基于python3.7和django2.1的多人博客系统。 别玩游戏知道吗
    基于python3.7和django2.1的多人博客系统github地址：https://github.com/opsonly,喜欢的可以给个star~简介：该博客前段框架使用了Bootstrap4，在其基础上添加了一些自己需要用的css样式，后端使用django2.1。由于自己也在摸索中，新入门django的人拿来练手再合适不过，我也会继续完善此项目的功能。觉得有用的欢迎给个小心心。主要功能：用
  • 【前端素材】bootstrap4实现葡萄酒品牌电商网站Bidouno（附带源码） 枫蜜柚子茶 前端模板bootstrapjavascripthtml5jquerycss
    一、需求分析葡萄酒品牌电商网站是一个专门销售葡萄酒的在线平台。它提供各种类型和品牌的葡萄酒，包括红葡萄酒、白葡萄酒、起泡酒等。葡萄酒品牌电商网站的功能可以从以下几个方面来分析：1.提供多样化的选择：葡萄酒品牌电商网站通常会提供各种各样的葡萄酒品牌和种类的选择。顾客可以根据自己的口味偏好、葡萄品种、产地等因素，选择适合自己的葡萄酒产品。2.提供详细的产品信息：葡萄酒品牌电商网站会提供详细的产品信息，
  • 【前端素材】bootstrap4实现绿色植物Lukani平台 枫蜜柚子茶 前端模板html5javascriptjquerybootstrapcss
    一、需求分析绿色植物商城是一个专门销售绿色植物的零售商店或在线平台。它提供各种类型和品种的室内植物、室外植物和盆栽等。绿色植物商城的作用可以从以下几个方面来分析：1.提供多样化的选择：绿色植物商城通常会提供各种各样的绿色植物选项，包括不同种类、尺寸和特征的植物。这样的多样性使得顾客可以根据自己的喜好和需求选择适合的植物，如室内植物用于装饰室内空间，室外植物用于庭院或花园。2.提供专业的植物建议：绿
  • 大数据TensorFlow深度学习——基于BERT+LSTM+CRF深度学习识别模型医疗知识图谱问答可视化系统(完整系统源码+PPT+详细开发文档+论文+源码解析) 谁不学习揍谁！ 深度学习bertlstm知识图谱人工智能神经网络机器学习
    文章目录大数据TensorFlow深度学习——基于BERT+LSTM+CRF深度学习识别模型医疗知识图谱问答可视化系统(完整系统源码+PPT+详细开发文档+论文+源码解析)获取项目资料方式在文章末尾获取项目资料方式在文章末尾一、项目概述二、系统实现基本流程三、项目工具所用的版本号四、所需要软件的安装和使用五、开发技术简介Django技术介绍Neo4j数据库Bootstrap4框架Echarts简介
  • 大数据知识图谱之深度学习——基于BERT+LSTM+CRF深度学习识别模型医疗知识图谱问答可视化系统 星川皆无恙 机器学习与深度学习知识图谱自然语言处理深度学习大数据知识图谱神经网络机器学习bertlstm
    文章目录大数据知识图谱之深度学习——基于BERT+LSTM+CRF深度学习识别模型医疗知识图谱问答可视化系统一、项目概述二、系统实现基本流程三、项目工具所用的版本号四、所需要软件的安装和使用五、开发技术简介Django技术介绍Neo4j数据库Bootstrap4框架Echarts简介NavicatPremium15简介Layui简介Python语言介绍MySQL数据库深度学习六、核心理论贪心算法A
  • CSS通用样式2——Flex布局 抱抱旋旋子 Bootstrap学习css前端htmlbootstrap
    Bootstrap4与Bootstrap3最大的区别是Bootstrap4使用弹性盒子来布局，而不是使用浮动来布局。弹性盒子也是CSS的一种新的布局模式，更适合响应式的设计。一.定义弹性盒子使用display通用类d-flex或d-inline-flex类创建一个flexbox容器，并将子元素转换为flex属性。其中，d-flex类设置对象为弹性伸缩盒子，d-inline-flex类设置对象为内联
  • bootstrap4.0 表单验证 偶尔_发呆
    bootstrap4结合HTML做的表单验证input的pattern属性写验证正则：比如{6,16}，限制位数6-16位。测试结果如下图：360截图16520821124910.png具体代码如下：//添加代码块表单验证$(function(){$("#form-demo").submit(function(event){constf=$(this)if(f[0].checkValidity()
  • 基于VUE框架、前端UI样式库Bootstrap4、在线WebApi资源调用的Web前端技术课程设计《天气易搜》 好教员好 vuejsonechartsvisualstudiojavascript
    1.设计内容简介1.1技术知识点html标签:正文部分，网页头部，网页主体，样式，脚本语言，有序列表，容器，标签，标签，标签，标签,标签,标签等。Css基础选择器：class类标签，id标签。Date函数:该函数返回组件实例的data对象。Methods:将被混入到组件实例中。可以直接通过vm实例访问这些方法或者者在指令表达式中使用。方法中的this自动绑定为组件实例。Mounted函数:在Vue
  • bootstrap4实现在线商城网站FilxHub设计的html页面模板 枫蜜柚子茶 前端模板html前端cssbootstrapjavascripthtml5
    一、需求分析在线商城网站是指通过互联网提供商品和服务的电子商务平台。它为商家和消费者提供了一个虚拟的市场，使得买卖双方可以在网上进行交易。在线商城网站的作用包括：商品展示和销售：在线商城网站提供了一个展示商品的平台，商家可以在网站上展示并销售自己的商品。消费者可以通过浏览网站，查看商品详情并选择购买。交易平台：在线商城网站提供了一个安全的交易环境，使得商家和消费者可以在网上完成交易。它提供了支付系
  • bootstrap4实现家政代理网站UrbanCleaners的html模板页面 枫蜜柚子茶 前端模板htmlcssbootstraphtml5javascript前端
    一、需求分析家政代理页面是指一个网站或应用程序中专门用于提供家政服务的页面。它可以是一个在线平台，连接家政服务提供商（如保姆、月嫂、钟点工等）和需要这些服务的客户（家庭或个人）。以下是家政代理页面可能具备的功能分析：用户注册和登录：用户可以创建账户并登录，以便使用平台的各项功能。服务需求发布：用户可以发布自己的家政服务需求，包括服务类型（如保姆、月嫂、家庭清洁等）、服务时间、工作地点等。服务提供商
  • 初入山门，需记门规 weixin_30321449
    修道之路，长漫漫，吾将上下而求索。刚步出学堂，初踏入山门。山门虽小，仙神道佛各有法通。小子于11.14被纳入门下，至11.27略知门规一二。且听慢慢道来......11.14当日一前辈扔下一道旨令：1:mybatis数据持久化2：SpringMvc重点是注解3:bootStrap4:jquery->angularJs(指令)5：SpringbootSpringcloud(微服务)（1）安装Inte
  • 2018-01-25 baitu
    阿里云存储，为未来进化不止Bootstrap4正式发布，却可能生不逢时你已经知道比特币，但知道「比特」从何而来吗？创业少年茅侃侃：1983-2018
  • Bootstrap 5 中文文档 （简体中文） 世俗ˊ Bootstrapbootstrap前端html
    Bootstrap5中文文档（简体中文）：Bootstrap4繁體中文手冊(中文(繁體))Bootstrap5繁體中文手冊(中文(繁體))Bootstrap5中文文档(SimplifiedChinese)
  • Django 的后端和前端实现整个页面动态进度条 魔都霸王东 djangopython
    这个示例代码将基于Django3和Bootstrap4实现在前端页面中动态显示进度条。首先，创建一个新的Django项目并创建一个名为“simpleProgressBar”的新应用程序。在settings.py中，将'applications'应用程序添加到INSTALLED_APPS列表中，以便Django可以找到该应用程序。在simpleProgressBar应用程序的根目录中，创建一个名为'
  • Linux源码安装pgadmin4,如何在CentOS 7中安装pgAdmin4（yum 安装方法） 老男瓜
    PgAdmin4介绍PgAdmin4是一个易于使用的Web界面，用于管理PostgreSQL数据库。它可以在多个平台上使用，例如Linux，Windows和MacOSX.在pgAdmin4中，有从bootstrap3到bootstrap4的迁移。在本教程中，我们将在CentOS7系统上安装pgAdmin4。注意：本教程假设您已经在CentOS7上安装了PostgreSQL9.2或更高版本。有关如何
  • Bootstrap多层Modal嵌套解决同时隐藏的问题 chocoford
    把关闭改成关闭即可目前采用Bootstrap4没有遇到遮罩层关不掉的问题
  • WEB前端网页设计-Bootstrap4 进度条 你可知这世上再难遇我 WEB-HTML/CSS前端htmljavascript
    目录进度条高度进度条标签不同颜色的进度条条纹的进度条动画进度条混合色彩进度条进度条可以显示用户任务的完成过程。创建一个基本的进度条的步骤如下：添加一个带有.progress类的。接着，在上面的内，添加一个带有class.progress-bar的空的。添加一个带有百分比表示的宽度的style属性，例如style="width:70%"表示进度条在70%的位置。进度条高度进度条高度默认为16px。我
  • laravel 登录html,laravel 实战之 - 登录首页 weixin_42417004 laravel登录html
    laravel实战之-登录首页前言实战环境操作系统：centOS7数据库：sqlite3php：7.2laravel：5.8css框架：bootstrap4工作目录：默认为项目根目录预期通过路由协调视图和控制器显示登录界面，并获取用户输入数据设计用户逻辑login视图有一个表单，用户可以输入信息后提交到后台后台可以获取到用户输入信息逻辑分析由【用户逻辑】可知，我们一共需要实现两个功能，一个是log
  • Bootstrap4 信息提示框 weixin_30399871
    1：信息提示框。提示框可以使用.alert类,后面加上.alert-success,.alert-info,.alert-warning,.alert-danger,.alert-primary,.alert-secondary,.alert-light或.alert-dark类来实现:提示框提示框可以使用.alert类,后面加上指定特定意义的颜色类来实现:成功!指定操作成功提示信息。信息!请注意
  • javaWeb学生信息管理 懒羊羊h javaWeb课设eclipseide
    一、引言学生信息管理系统是基于JavaWeb技术开发的一个全栈应用，用于管理学生的基本信息。本系统采用Eclipse作为开发工具，Navicat用于MySQL数据库管理，运行在JDK1.8、Tomcat9.0、MySQL8.0环境下。前端采用JavaScript、jQuery、Bootstrap4、particles.js，后端使用Maven构建，SpringMVC和MyBatis框架实现，同时利
  • 读源码:bootstrap的inputGroup 黄金林
    flex-examplesimage.box{display:flex;align-items:center;}image.box{display:flex;justify-content:center;align-items:center;}bootstrap4的[email protected]/*_variables.scss*///$input-border-width=$input-btn-b
  • Bootstarp4 设计网页轮播组件 JSON_L 前端前端html5bootstrap
    很多网站都有广告轮播功能，可使用bootstrap4中的carousel组件非常简单的实现。目录下载bootstrap4轮播功能实现简单实现轮播组件增加标识图标增加标题和说明切换淡入淡出设置数据间隔总结下载bootstrap4下载Bootstrap·Bootstrapv4中文文档v4.6|Bootstrap中文网轮播功能实现简单实现轮播组件需要引入bootstrap.css和bootstrap.j
  • 花了一周时间，更新了下软考云题库Web版 coderidea 云题库软考题库
    花了一周时间，更新了下软考云题库Web版，体验地址和体验账户在文章最后。想体验的直接翻到最后。软考云题库的Web版的由来之前，有朋友提出在小程序中刷题不太方便，希望能在电脑上进行题目练习。于是，我们着手开发了软考云题库的Web版，以满足这一需求。在这个项目中，我们采用了一套完整的技术方案，包括了SpringBoot2.0、JPA、Thymeleaf模板、Bootstrap4和MySQL数据库。起初
  • html5日期选择插件,bootstrap4日期时间选择器插件 weixin_39890629 html5日期选择插件
    这是一款bootstrap4日期时间选择器插件。该bootstrap4日期时间选择器插件提供大量配置参数，可以基于bootstrap4制作出简单实用的日期选择器效果。它的特点还有：支持语言国际化和timezone。支持日期选择模式和时间选择模式。支持最大和最小日期选择。可自定义触发日期选择器的图标。支持禁用指定的日期。支持年/星期预览模式。支持某个星期中禁用某些天。可自定义日期格式。提供大量的配置
  • Bootstrap4 .昭阳. 前端bootstrap
    Bootstrap41.简介2.使用3.网格系统1.网格类2.偏移列4.文字排版1.display类标题2.mark类3.abbr和blockquote类4.dl和code类5.kbd和pre类5.颜色6.表格**条纹表格**带边框表格鼠标悬停状态表格黑色背景表格黑色条纹表格鼠标悬停效果-黑色背景表格无边框表格指定意义的颜色类表头颜色8.Jumbotron9.信息提示框10.按钮11.徽章12.进
  • restful+springmvc+mybatis+ webservice 分布式架构 swiftie10
    JEESZUI基于Bootstrap4简洁、直观、强悍最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目。为所有开发者、所有应用场景而设计。让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。资料和源码来源
  • Bootstrap 4对IE8的支持 左右左_0c30
      从Bootstrap4开始，就不在支持IE8了，如果你需要IE8支持，建议大家使用Bootstrap3。当然，也可以添加一些第三方的JavaScript来恢复Bootstrap4对InternetExplorer8的支持。你需要下面这些东西：1、使用html5文档声明Document2、加入meta标签  前者定义媒体查询，后者确定显示此网页的IE版本。3、引入bootstrap文件  这步十
  • 4 Bootstrap4组件——徽章（Badges） 2019camila BootStrap
    4Bootstrap4组件——徽章（Badges）4.1各种颜色类型的徽章4.2胶囊徽章徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将.badge类加上带有指定意义的颜色类(如.badge-secondary)添加到元素上即可。徽章可以根据父元素的大小的变化而变化：代码：ExampleheadingNewExampleheadingNewExampleheadingNe
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他