• 关于

    js设置div宽

    的搜索结果
  • javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)

    在网页中,经常需要标题里提到的几种效果,实现比较简单,这里总结一下(IE测试通过),以备日后再用。 预备知识:网页中的高和宽 Code 另外,网页中的元素常见定位需要用到的概念一并总结一下: Code 来看一下笔者写的关于定位和关于宽和高的js函数: Code PS:关于dom的一些...

    文章 嗯哼9925 2017-11-16 1082浏览量

  • JavaScript第一讲之js操作css

    原本应该是由css进行控制html中的div的宽高和背景颜色,但是在下方使用了JavaScript进行重新调用了div盒子,并且覆盖了css原本的属性内容。 需求目标:由 100 像素的粉色背景色的div盒子变成了 300像素的橘黄色效果的div盒子 代码如下: <!DOCTYPE htm...

    文章 杨校 2018-08-21 589浏览量

  • 第4天:JS入门-给div设置宽高背景色

    今天学习了js入门课程,听的不多,做了个小练习,给div设置宽高、背景色。一点点都是进步。核心代码如下: &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&g...

    文章 半指温柔乐 2017-08-17 626浏览量

  • 万券齐发助力企业上云,爆款产品低至2.2折起!

    限量神券最高减1000,抢完即止!云服务器ECS新用户首购低至0.95折!

    广告

  • 当react框架遇上百度地图

    百度地图官方文档的使用指导是这样说的:在页面中引入&lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=你获取的秘钥"&gt;&lt;/script&gt;,然后就可以使用脚本中引入的BMa...

    文章 developerguy 2017-06-05 1675浏览量

  • 【react】当react框架遇上百度地图

      百度地图官方文档的使用指导是这样说的:在页面中引入&lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=你获取的秘钥"&gt;&lt;/script&gt;,然后就可以使用脚本中引入的B...

    文章 彭湖湾 2017-06-05 1018浏览量

  • js中的各种宽高以及位置总结

    原文:js中的各种宽高以及位置总结 在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之间 实现方式不同,常常会造成概念混淆,经过研究之后,这里来进行...

    文章 杰克.陈 2015-01-28 1032浏览量

  • 用rem实现响应式页面开发

    rem是什么?     rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,...

    文章 烟海之蓝 2016-07-31 3286浏览量

  • js获取隐藏元素宽高的方法

    网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了。 例如: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="t...

    文章 shy丶gril 2016-05-20 1794浏览量

  • js获取隐藏元素宽高的方法

    网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了。 例如: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="t...

    文章 技术小美 2017-11-05 781浏览量

  • javascript中常用坐标属性offset、scroll、client

    原文:javascript中常用坐标属性offset、scroll、client      今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解。 1、在文档(document)对象里面用: scrollWidth/Heigh...

    文章 杰克.陈 2015-01-25 849浏览量

  • 从零开始学_JavaScript_系列(23)——css<5>滚动条,Tab,spellcheck,img放置

    (21)滚动条的美化 for chrome内核: /* 有这行才有效,滚动条的宽度 */ ::-webkit-scrollbar { width: 12px; } /* 滚动条的背景 */ ::-webkit-scrollbar-track { -webkit-box-shado...

    文章 零零水 2016-06-03 1576浏览量

  • jQuery处理元素和浏览器窗口的尺寸

    jQuery 尺寸 通过 jQuery,很容易处理元素和浏览器窗口的尺寸。 jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() ...

    文章 突突修 2017-12-29 836浏览量

  • html+css+js 快速打造进度条

    html进度条在web播放器中很常见,之前html并没有进度条这个标签,html5后出了一个progress标签作为进度条,但是并不是很好用,那么接下来,我们将用css+html+js实现进度条效果,无需任何三方框架。 1.新建一个html文件:加入两个div作为进度条 2.给进度...

    文章 code_sky 2018-06-11 1071浏览量

  • CSS3的学习--实现瀑布流

    原文:CSS3的学习--实现瀑布流 基于CSS3实现瀑布流,使用CSS3的CSS 多栏(Multi-column)。 可以到github上下载源码 : https://github.com/CraryPrimitiveMan/waterfall-css3 瀑布流,又称瀑布流式布局。是比较流行的一种...

    文章 杰克.陈 2014-06-09 973浏览量

  • html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计

    序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出...

    文章 frontman 2014-11-21 709浏览量

  • CSS框架960Grid从入门到精通一步登天

    闲言少叙,废话不说,直入正题: 1、什么是CSS框架?     CSS框架是一种你能够使用在你的web项目中概念上的结构,是别人已经写完的,而且很完善的CSS定义集合。CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如:     * grid.css 表格布局...

    文章 五岳之巅 2011-09-20 798浏览量

  • 基于flipsnap框架,滑动页面的布局

    基于上篇介绍的flipsnap框架,当滑动页面数为基数时页面该怎么布局呢?假如滑动页面数为3个,布局设计如下图所示1、2、3三个页面,向左拖动,页面2、页面3出现。   此时页面可分三种设计方法:     方法一:浮动方法。如果子元素为奇数,则子元素的宽度不精确,且子元素不能设置border,如...

    文章 最美的回忆 2017-11-25 851浏览量

  • 公司的一个面试题:如何用css让一个容器水平垂直居中?

    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;demo&lt;/title&gt; &lt;/head&gt; ...

    文章 grootzhang 2016-03-07 647浏览量

  • Bootstrap Table笔记——1

    Spring Boot + Bootstrap &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta name="viewport" content="wi...

    文章 为什么而活 2017-06-30 3643浏览量

  • 让jQuery Tools Scrollable控件在Mobile Web里面支持resize功能

    项目中有两份代码,一份是Main Site,一份是Mobile Site.Main Site里面主页使用到jQuery Tools Scrollable功能,让多张图片循环显示。但是这个功能移植到Mobile Site中,出现了一些问题。   因为本身要实现scrollable功能,必须有特定的h...

    文章 liminjun88 2016-04-21 1335浏览量

  • 【Javascript Demo】JS获取当前对象大小以及屏幕分辨率等

    效果如下: 代码如下: &lt;html&gt; &lt;head&gt; &lt;title&gt;获取当前对象大小以及屏幕分辨率等&lt;/title&gt; &lt;body&gt; &lt;div style=" width:88%;margin:30px auto; color:...

    文章 嗯哼9925 2017-11-15 821浏览量

  • CSS3 实现六边形Div图片展示效果

    原文:CSS3 实现六边形Div图片展示效果 效果图:   实现原理: 这个效果的主要css样式有: 1.>transform: rotate(120deg); 图片旋转 2.>overflow:hidden;  超出隐藏 3.>visibility: hidden;  也是隐...

    文章 杰克.陈 2014-11-02 886浏览量

  • JQuery:JQuery的尺寸

    JQuery:尺寸 介绍:通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 提供多个处理尺寸的重要方法:width()、height()、innerHeight()、outerWidth()、outerHeight() 模型: 演练:1、jQuery width() 和 hei...

    文章 吞吞吐吐的 2017-09-12 705浏览量

  • Bootstrap笔记《三》scaffolding

    简介 scaffolding查到的意思是:脚手架。 在rails中也有scaffolding的概念。   rails generate scaffold post title:string content:text published:boolean  执行之后,在提示信息中,我们会看到创建m...

    文章 像教授 2017-11-26 1312浏览量

  • CSS 布局入门

    概述 Web 兴起之后,关于CSS的介绍和学习资料已经铺天盖地。 本文不涉及具体的CSS语法之类的,而是希望从初学者的角度,让没有接触或很少接触CSS的人能快速的了解 CSS 到底是什么以及如何使用。 什么是 CSS 了解一个概念,首先看到的就是它的名字,而往往被忽略的,也是它的名字。 CSS (...

    文章 zting科技 2017-10-04 864浏览量

  • 第124天:移动web端-Bootstrap轮播图插件使用

    Bootstrap JS插件使用 > 对于Bootstrap的JS插件,我们只需要将文档实例中的代码粘到我们自己的代码中> 然后作出相应的样式调整 Bootstrap中轮播图插件叫作Carousel 一、基本的轮播图实现 HTML代码 1 <!-- 2 以下容器就是整...

    文章 半指温柔乐 2017-12-24 1335浏览量

  • 换行文字、未知宽高图片垂直居中完美解决方案

    原文:换行文字、未知宽高图片垂直居中完美解决方案 垂直居中是一个历史悠久的大问题,要做到兼容所有浏览器少不了要花点时间,网上也流传了很多解决方案,但没发现比我现在用的方案更完美,至少在我的项目是如此。 项目中要用到垂直居中而碰到兼容性问题的,一般都是以下几种情况: 1、换行文字垂直居中 2、图片垂...

    文章 杰克.陈 2014-02-23 1067浏览量

  • CSS Grid布局入门

    相信大家都比较熟悉flex布局了,最近有空研究了波grid布局,感觉虽然兼容性还不是太高,应用不是太普遍,但是功能非常强大。未来应该是grid+flex为主流,grid是二维布局,很灵活,适合整体构架,而flex是一维布局,适合处理局部细节。 介绍 CSS 网格布局(Grid Layout) ...

    文章 taoland 2018-08-16 757浏览量

  • (转载)网页高度自适应

    高度设置JS代码//设置层使两个层的高度相同function setDivHeight(sideleft,sideright){  var   a=document.getElementById(sideleft);  var   b=document.getElementById(siderig...

    文章 暖枫无敌 2010-07-07 512浏览量

  • 谈谈Ext JS的组件——布局的用法续二

    绝对布局(Ext.layout.container.Absolute) 绝对布局让我回忆到了使用Foxpro开发的时候,哪时候的界面布局就是这样。通过设置控件的左上角坐标(x。y)和宽度来进行的,由于输入控件的高度基本是固定的。所以不须要设置。在可视化编程没有出现之前,开发界面算是个苦差事,由于布...

    文章 技术mix呢 2017-10-18 1024浏览量

1 2 3 4 6 >

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT