- 博客(31)
- 收藏
- 关注
RSS订阅转载 js实现轮询展示
公司svcp的项目，如下界面：实现效果是点击第一组下面的摄像机，右侧自动对这一组的数据进行轮询显示。要点：轮询显示的逻辑，对不同个数的摄像机进行轮询， 2）按esc键的兼容写法，兼容火狐与谷歌 var setId; function lxVideoCliick(treeId, treeNode, clickFlag) { ...
2017-01-19 11:32:00
619
转载 js实现图片的大小自适应效果
需求是传过来一个图片，根据外层div的大小自动进行缩放效果。function ShowSecondImg(v) { var rate, newX, newY,newW, newH = 0; //表示图片相对窗口的缩放比例 var imgW, imgH; var centerW = $(window).width() - $("#alarmQueu...
2016-12-29 11:24:00
989
转载 for循环每次展示固定条数的数据的写法。
第一种是一组json数据实现分页的效果，也就是每一次展示5条数据。第二种场景是每一秒展示4条数据，直到全部显示完。两种思路都做个笔记记录下。var nums = 5; //每页出现的数量var pages = Math.ceil(data.length/nums); //得到总页数var thisDate = function(curr){ //此处只是演示...
2016-12-29 10:12:00
821
转载 CSS实现背景图尺寸不随浏览器缩放而变化
方法一. 把图片作为background，方法二使用img标签。同时要有一张足够大尺寸的图片。方法一. 把图片作为background有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放...
2016-08-05 16:12:00
263
转载 javascript之AJAX学习
1.AJAX即Asynchronous Javascript+XML。能够向服务器请求额外的数据而无需卸载页面。 AJAx技术的核心是XMLHttpRequest对象(XHR)。2.AJAX只能向同一个域中使用相同端口和协议的URL发送请求。3.创建要给AJAX的过程： 1.创建一个XHR对象。 ie7+后只需要var xhr=new XMLHttpRequest()...
2016-05-12 19:22:00
61
转载 javascript之原型模式学习
1.创建的每个函数都有一个prototype(原型)属性。这个属性是一个指针，指向一个对象。而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 字面意思是prototype就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处是可以让所有对象实例共享它所包含是属性和方法。2.无论什么时候，只要创建一个新函数，都会根据一组特定的规则为该函数创建一个prot...
2016-05-10 18:15:00
56
转载 javascript学习之Function 类型
1.函数是对象，同样也有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。2.使用不带圆括号的函数名是访问函数指针，而非调用函数。3.因为ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。4.在函数内部，有两个特殊的对象：arguments和this，其中arguments是一个类数组对象，包含着传入函数中的所有...
2016-05-10 17:37:00
68
转载 js动态替换数据的点击事件
做项目时遇到的，具体是界面如下图：当点击X号时，出现删除、取消按钮，当点击删除时，这一行删除，当点击取消时又恢复到初始状态。需要关注的问题是，js动态添加的删除、取消按钮的点击事件。当点击取消时恢复到初始状态的X号的再点击事件。html代码如下： <div id="mydiv" class="slide-menu"> &l...
2016-04-29 10:30:00
433
转载 360浏览器-兼容模式也能正常浏览网页
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="renderer" content="webkit|ie-comp|ie-stand" />转载于:https://www.cnblogs.com/pengpenglin/p/4991975.html
2015-11-24 16:18:00
93
转载 jquery实现搜索提示效果
1.想要实现的效果如下：其实与百度地图的城市切换部分是一样的。代码如下：其中的知识点包括（$.inArray(test,array)>0 判断test是否在数组array中）（$("#input").keyup(function(){}) 当向input中输入内容时的监听事件）（val.indexOf(test)!=-1 如果test包含在val中） ...
2015-10-27 16:02:00
121
转载 点击空白处div消失的方法
这是做的js页面的一部分，也是上一篇文章中加载json格式数据后展示的效果界面。现在的问题是：点击南京市后会弹出下面的白色的框，点击框右上角的X号后会关闭白色的框，现在想点击白色的框周围的任一地方，白色框也都hidden。解决的办法是：随意点击，如果点击的地方没有对应的类，则让白色框消失。 $("*").click(function (e) { ...
2015-10-26 19:02:00
176
转载 jquery异步加载json格式的数据
1.直接使用$.getJSON()方法是加载不了与静态界面同级别的本地的json后缀的文件。2.解决办法：将json后缀的文件改为js后缀，这样就相当于加载了一个js文件。解决办法：用$.getScript()方法加载后是以字符串的形式进行展示，所以需要eval()方法来将其转换成js对象。然后用了两个each方法进行遍历json数据。第二个遍历的数据是在第一个each数据的基础...
2015-10-26 18:51:00
123
转载 三角形及选中取消按钮的css代码
1.三角形： 1.用传统的方式：.triangle{ background:blue transparent transparent transparent; border-width:100px 60px 0 60px; border-style:solid ; height:0 ;width:0; } <div cla...
2015-08-18 15:54:00
85
转载 css实现自适应宽度布局
1.实现左侧宽度固定，右侧全屏自适应。body{margin:0;padding:0}.wrap{ width:100%; float:left}.content{ height:300px;background:green; margin-left:200px}.right{ width:200px; height:300px; background:red; fl...
2015-08-01 17:54:00
139
转载 table表格中实现tbody部分可滚动，且thead部分固定
1.想要实现表格的thead部分固定切tbody部分可滚动，就需要将thead与tbody进行分离，具体做法是 1.设置thead，tbody都为display：block； 2.设置th与td的宽度，强制使其填充整个table的宽度。 .table thead, .table tbody { display: block; ...
2015-07-30 14:20:00
389
转载 table数据表格添加checkbox进行数据进行两个表格左右移动。
<table class="table table-hover table-striped table-condensed newDateList"> <thead> <tr> ...
2015-07-21 16:30:00
173
转载 对checkbox 的checked的一些总结
在做一个jquery树形结构的复选框选择的效果。遇到的问题：1.jquery复选框判断是否被选中$(check).attr("checked")，可能提示为undefied； 正确的做法是：$(check).prop("check");或者:$(check).is(":checked");2.谷歌(firefox可能也有)中checkbox属性checked="c...
2015-07-10 16:53:00
214
转载 div被object覆盖的解决办法
代码:<divid="contextmenu"style="width:120px;height:120px;DISPLAY:none;top:26px;left:300px;z-index:999999">内容部分<iframeid="iframe1"src="about:blank"frameBorder="0"...
2015-07-09 09:08:00
282
转载 让ie678支持css一些属性及html标签
昨天写的一个页面，用的css3及html5的一些样式与标签，在ie8下看是没有效果的，然后就在晚上查找了一下如何能让ie8也能实现这些效果。1.添加respond.js文件，Respond.js让IE6-8支持CSS3MediaQuery。2.实现html5的标签：html5shiv.js文件，让IE(包括IE6)支持HTML5元素respond.js和html5sh...
2015-04-10 10:58:00
103
转载 网页html结构右侧栏固定，左侧自适应大小。
最近写了一个项目，写页面的结构，html树形结构是有header，container，footer部分，其中container部分是右侧栏是固定宽度，左侧是自适应宽度与屏幕高度。第一次写的博客文章是container部分是左侧栏固定，右侧是自适应效果。左侧栏固定是很好写，但右侧栏固定却不很好写，以下是基本的结构与样式。 <div class="container" ...
2015-01-27 18:06:00
254
转载 input覆盖select实现select可写可选择
1.有时需要一个select选择框，但是对select选择框希望是既可以选择也可以进行输入。下边的代码就是在select选择框上放了一个input框，覆盖在select上面。实现伪装的select效果。<div style="position:relative;" class="col-xs-6"> <span ...
2015-01-27 17:00:00
354
转载 设计中的字体
1.男性化的字体：粗犷，硬朗，菱角分明，笔直，力量感。一般用在：体育竞技，男性用品，金属，摇滚，营销活动等。2.女性化字体：纤细，柔软，细而婉转，苗条，曲线美。只要是女性化属性非常强，或者是以女性为主流消费群体的设计，都可以广泛使用这种属性的字体。比如爱情类，鲜花类、珠宝配饰类，女性用品、护肤品、化妆品等等…3.孩童：圆乎乎，可爱，有趣，肉嘟嘟。所以有着这些特征的字...
2015-01-15 14:55:00
113
转载 移动端的视频窗口自适应宽屏竖屏
1.移动端的视频播放，用的是公司的极酷阳光播放器。该播放器宽高是固定的，如果想在移动端是横屏与竖屏都是自适应展示，用的是zoom属性，强制界面自动缩放。下边是js代码：<script> function orient() { if (window.orientation ==...
2015-01-13 15:57:00
524
转载 html5的标签
1.article与section div的区别 当一个标签只是为了样式化或者方便脚本使用时，应该使用 div 。 section 表示一段专题性的内容，一般会带有标题.,section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分. article 是一个特殊的 section 标签，它比 section 具有更明确的语义， 它代表一个独立...
2015-01-13 13:54:00
40
转载 移动前端开发的viewport总结整理
1.通俗讲移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那块区域，但不是浏览器可视区域。一般来讲，移动设备上的viewport都要大于浏览器的可视区域。移动设备上的浏览器会把默认的viewport设置为980px或1024px，这样会造成浏览器出现横向滚动条。2.css中的1px不等于设备的1px。分辨率越大，css中1px代表的物理像素就会越多。3.三个vi...
2015-01-13 11:00:00
92
转载 form程序的界面修改
做主题视频库的界面的修改工作，是b/s端的窗口，是由form窗口生成，如下截图：主要有三个方面,1.左侧菜单栏宽度固定，不随整个窗口大变化而变化。2.导出excel按钮的位置的移动，不管整个窗口是变大还是变小，按钮总是在相对同一个位置。1.左侧固定。获取左侧菜单的父元素，然后找到FixePanel属性，选择该父元素下的某个需要固定的子元素。2.按钮相对位置固定：主要关注A...
2015-01-06 15:18:00
113
转载 javascript中IE与ff的区别
1.自定义属性问题：可以使用获取常规属性的方法来获取自定义属性，也可以使用getAtribute()获取自定义属性，ff下只能使用getAttribute()获取自定义属性。2. 在IE中可以用eval("idname")或getElementById("idname")来取得id为idname的html对象，ff下只能用后者，解决方案，统一用getElementById获取。3...
2014-10-13 09:29:00
165
转载 清除浮动方法。
第一种情况： .content { overflow:hidden; width:100%; height:200px; border:2px dotted blue; } .content .left { ...
2014-09-25 17:16:00
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人