- 博客(13)
- 收藏
- 关注
转载 JavaScript实现最简单的拖拽效果 -- 转自张鑫旭的
转载自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]地址:http://www.zhangxinxu.com/wordpress/?p=683一、一些无关痛痒的唠叨拖拽还是挺不错的一个页面效果,我个人认为,其生命力在于可以让用户自己做一些操作,所谓自定义。例如:①浏览器标签顺序的拖拽切换现在基本上所有的选项卡式的浏览器都有顺序拖拽切换的功能,如下图
2016-10-31 17:03:59 661
原创 全屏及退出全屏
全屏 全屏 //进入全屏 function requestFullScreen() { var de = document.documentElement; if (de.requestFullscreen) { de.requestFullscreen(); } else if (de
2016-10-31 17:00:13 1101
转载 浏览器各项面板代表的含义
Element:主要是用来调试网页中的html标签代码和css样式代码 Network:查看网页的http通信情况,包括Method、Type、Timeline(网络请求的时间响应情况)等 Source:查看JS文件、调试JS代码 Timeline:查看js的执行时间,页面元素渲染时间等 Profiles:用来查看网页的性能,比如CPU和内存
2016-10-31 16:59:12 437
原创 省市区联动
(function(){ var count = [ { name : '四川省', citys : [ { name : '成都市', area : ['成都1区','成都2区','成都3区'],
2016-07-23 15:01:22 239
原创 div上下循环移动
(function() { //向下移动 var divContainer = document.getElementById('container'); var listOfDiv = divContainer.getElementsByTagName('div'); for(var i = 0; i < listOfDiv.length; ++i) {
2016-07-23 15:00:09 1380
原创 js初接触
/** * Created by G on 2016/7/14. *///求数组输入的五个数分别的奇数项和偶数项的和var arr = [];arr [0] = +prompt('请输入第一个数');arr [1] = +prompt('请输入第二个数');arr [2] = +prompt('请输入第三个数');arr [3] = +prompt('请输入第四个数');ar
2016-07-16 21:20:51 241
转载 css3多重背景详解
文章转载自:前端开发博客 (http://caibaojian.com/css3-multiple-background.html)CSS2.1中有5个background属性可以用来控制元素的背景。这5个属性是:background-colorbackground-imagebackground-repeatbackground-attachmentbackg
2016-07-16 21:16:50 3870
转载 bootstrap3学习1:响应式布局layout
1、像素宽度分类在bootstrap的v3版本中,已经将各种媒介分为4种像素宽度类型:xs:extra small 特别窄屏幕,默认指浏览器像素宽度小于768pxsm:small 窄屏幕,默认指浏览器像素宽度大于等于768pxmd:middle 中等宽度屏幕,默认值指浏览器像素宽度大于等于992pxlg:large 大屏幕,默认值指浏览器像素宽度大于等于1200px
2016-07-09 22:57:06 360
原创 HTML、CSS中相似的元素、声明以及概念间的差别
元素的类别(在标准文档中,即没有CSS干预的情况下):块级元素:独占一行,宽高不随内容改变,可自行设置宽高;行内元素:依附块级元素排列,不可设置宽高,大小随内容改变;行内块级元素:可在一行显示,也可设置宽高。表格colspan 横向合并单元格rowspan 纵向合并单元格cellpadding 单元格内容与其边框之间的空白距离ce
2016-07-09 22:32:41 384
原创 Flex弹性盒模型初尝试
html>html>head lang="en"> meta charset="UTF-8"> title>title> --> style> .div3{ width: 1000px; height: 1000px; /*声明弹性盒模型*/
2016-07-03 17:18:24 210
原创 区块水平,垂直以及浮动后居中方式小结
html>html>head lang="en"> meta charset="UTF-8"> title>title> --> style> .big1{ width: 1200px; height: 200px; background-color: d
2016-07-03 17:16:33 391
原创 图片替换
/*利用行高*/.box1{ width: 150px; height: 50px; background: url("logo.png")no-repeat; overflow: hidden; }.box1 a{ line-height: 142px; display: block;}/*文字缩进*/.box2{ wi
2016-06-23 21:18:49 547
转载 BFC
浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的块级格式化上下文。在一个块级格式化上下文里,盒子从包含块的顶端开始垂直地一个接一个地排列,两个盒子之间的垂直的间隙是由他们的margin 值所决定的。两个相邻的块级盒
2016-06-22 21:22:56 315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人