html/div/css
文章平均质量分 89
ft2166826
这个作者很懒,什么都没留下…
展开
-
手机版头部声明细则
笔者接触移动前端快一年了,特将平时的一些笔记整理出来,希望能够给需要的人一些小小的帮助。同时也由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜感激!一. css部分body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:h转载 2015-11-14 08:32:03 · 1343 阅读 · 0 评论 -
javascript获取当前游览器的类型版本
alert(navigator.appVersion);原创 2014-03-25 13:46:40 · 279 阅读 · 0 评论 -
SD9013: 各浏览器对于 document、document.body、document.documentElement 对象的 onscroll 事件的支持存在差异
标准参考scroll 事件会在文档或一个元素滚动时触发。有关 scroll 事件的详细资料:参见:W3C DOM Level-2 规范参见:W3C DOM Level-3 草案问题描述各浏览器 document、document.body、document.documentElement 对象的 onscroll 事件的支持存在差异。造成的影响为 document、转载 2014-04-03 11:45:36 · 612 阅读 · 0 评论 -
JQUERY自定义动画函数
自定义动画函数包括了所有动画效果的高级应用和高级技巧。.animate() 执行自定义的动画效果。 返回jQuery.stop() 停止匹配元素当前正在执行的动画效果。 返回jQueryjQuery.fx.off 取消全部动画效果 Boolean.queue() 根据函数签名不同,可以获取指定队列的函数集合(返回Array),或者操作某一个队列转载 2014-04-16 17:39:58 · 622 阅读 · 0 评论 -
<FORM action=reg.asp?action=apply method=post> <INPUT type=submit value="请认真查看<服务条款和声明>(10
"请认真查看(10 秒后继续)" > var secs = 10; document.agree.agreeb.disabled=true; for(i=1;i window.setTimeout("update(" + i + ")", i * 1000); } function update(num) { if(num == se转载 2014-03-18 17:24:54 · 1089 阅读 · 0 评论 -
IE8及低版本浏览器不支持CSS3 media queries的解决方法
(173LY)最近在解决UI问题时碰到以下浏览器不兼容性问题(本人属于UI业余操作者,很多想法就很业余了):问题:IE8及其以下低版本IE浏览器在缩小窗口时,UI没有按照相应的要求显示窗口缩小时对应的布局;其他浏览器正常。定位过程:其实开始拿到问题时是无从下手,不知所以然,根本就没听说还有media这个CSS属性,就更不知道它的功能了。但是对于解决UI问题,有自己的一套思路,就转载 2014-04-15 11:02:20 · 850 阅读 · 0 评论 -
js 键盘记录实现(兼容FireFox和IE)
主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,k转载 2014-04-30 10:54:41 · 405 阅读 · 0 评论 -
keyCode 与 charCode
键盘事件拥有两个属性,keyCode和CharCode,他们之间有一些不一样之处。keyCode表示用户按下键的实际的编码,而charCode是指用户按下字符的编码。IE下keyCode:对于keypress事件,表示按下按键的Unicode字符;对于keydown/keyup事件,表示按下按键的数字代码。无charCode属性。DOM标准下keyCode:表示按下按键的数字代码。转载 2014-04-30 10:52:00 · 697 阅读 · 0 评论 -
如何让文本溢出时显示省略标记“……”
语法:text-overflow : clip| ellipsis 取值:clip :默认值 。不显示省略标记(……),而是简单的裁切。ellipsis: 当对象内文本溢出时显示省略标记(……)。 可惜text-overflow 还只是IE的私有属性而已,也没被收录到W3C标准里 Ⅰ.如果想让某个容器(div或者li等块级元素)显示一行文字,当文字内容过多时,不换转载 2014-03-05 11:46:56 · 2310 阅读 · 0 评论 -
你用的浏览器速度如何?最快浏览器引擎内核实测与回顾
文章发表于:2010-2-4 19:33不知道发表在哪,所以来到了我注册为数不多的论坛金山网盾版块,再说金山网盾是浏览器的保护神,和浏览器息息相关,就发在这吧。以前我在这发的主题帖好像不见了。不会被删了吧?选择浏览器,速度是一个很重要的指标,不要看广告评测,要看自己亲自使用测试才能获得真相下面是权威的sunspider测试,系统版本,机器配置和网线带宽也能影响测试数值。大家转载 2013-12-26 10:15:51 · 723 阅读 · 0 评论 -
[代码][CSS]代码
1. [代码][CSS]代码 01html判断IE版本021. 除IE外都可识别 032. 所有的IE可识别 043. 5.0]> 只有IE5.0可以识别 054. 5]> 仅IE5.0与IE5.5转载 2013-12-26 10:58:47 · 398 阅读 · 0 评论 -
几种常用网页文本编辑器总结
文本编辑器应用总结一. lhgeditor文本编辑器lhgeditor组件文件结构:1. lhgeditor.js: 组件的核心JS文件2. lhgeditor.css:组件的样式表文件3. images:组件所需的图片都在此文件夹中以上三个文件为组件所必须的三个文件,组件包中其它以“_”开头的文件为示例的演示文件,实际使用中不需要这些文件。当然框架核心文件lhgcore.转载 2014-01-08 10:01:56 · 1176 阅读 · 0 评论 -
HTML在线文本编辑器实现原理
相信很多人都使用过多种富文本编辑器,富文本编辑器常用于编辑博客、用户交互,富文本编辑器分为两种:所见即所得和非所见即所得两种富文本编辑器的实现原理是不相同的。1. 非所见即所得编辑器这种编辑器的实现原理很简单,用textarea元素就可以实现,假如要实现粗体、斜体、下划线、颜色字、图片的效果,只需在字的中间加上自定义标签即可,例如:[b]富文本编辑器[b] ,[img]src=”htt转载 2014-01-08 11:08:31 · 8943 阅读 · 0 评论 -
拖拽js和jq写法
第一种原生js写法123456789101112131415161718192021222324252627282930313233343536373839404142434445转载 2014-04-21 14:57:42 · 762 阅读 · 1 评论 -
div拖拽插件——JQ.MoveBox.js(JQ插件学习)
有一段时间没更新博客了,都不知道忙些什么,学习也没什么进展,惭愧。这一周空闲的时间学着自己写一下JQ插件。以前用原生的JS做过类似拖拽div的效果,现在按原思路改做成一个JQ的小插件,当作制作JQ插件的一个小练习。html为DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w转载 2014-04-21 15:38:08 · 671 阅读 · 0 评论 -
attachEvent/detachEvent 与 addEventListener/removeEventListener区别
attachEvent()方法和detachEvent()方法与addEventListener()方法和removeEventListener()方法相似,除了下面这几点以外:由于IE事件模型不支持事件捕捉,因此attachEvent()方法和detachEvent()方法只有两个参数,即事件类型和句柄函数。传递给IE方法的事件句柄名字应该包括一个"on"前缀。例如,obj.attach转载 2014-08-21 14:42:00 · 656 阅读 · 0 评论 -
拖拽效果详细解读
拖放效果,也叫拖拽,学名Drag-and-drop ,是最常见的js特效之一。 如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。 这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西。虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有错误,某些需求需要实现,就像自己学转载 2014-07-02 14:31:32 · 828 阅读 · 0 评论 -
JS中的prototype(面向对象)
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法 例子:转载 2014-05-21 15:51:09 · 401 阅读 · 0 评论 -
JS内部对象(window,navigator)
> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> title>JS内部对象(window,navigator)title> head> body> mce:script type="text转载 2014-05-20 09:42:46 · 574 阅读 · 0 评论 -
jq常用验证
////----------------Author Teng------------- //验证是否为空 function check_blank(obj, obj_name){ if(obj.value != ''){ return true; }else{ alert(obj_name + "所填不转载 2014-04-12 13:11:18 · 521 阅读 · 0 评论 -
js/json 数组的操作
js/json 数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并转载 2014-04-10 11:25:51 · 457 阅读 · 0 评论 -
jQuery动画高级用法(下)——详解animation中的.queue()函数
我们先来看它的思路:把控制不透明度和控向上移动的动画分别存储在两个队列中,控制向上移动的队列按默认情况进行(在2000毫秒内完成),而不透明度的控制在1000毫秒内执行,但这个队列要晚于默认队列1000毫秒执行再简单一点,就是:前1000毫秒,只有控制高度的“fx”队列执行,而后1000毫秒,控制不透明度的“fader”队列和控制高度的“fx”并行首先准备两个队列,一个是默转载 2014-04-09 14:27:24 · 1809 阅读 · 0 评论 -
javascript 闭包学习
闭包向来给包括JavaScript程序员在内的程序员以神秘,高深的感觉,事实上,闭包的概念在函数式编程语言中算不上是难以理解的知识。如果对作用域,函数为独立的对象这样的基本概念理解较好的话,理解闭包的概念并在实际的编程实践中应用则颇有水到渠成之感。在DOM的事件处理方面,大多数程序员甚至自己已经在使用闭包了而不自知,在这种情况下,对于浏览器中内嵌的JavaScript引擎的bug可能造成内存泄转载 2014-04-09 16:28:21 · 386 阅读 · 0 评论 -
js获取鼠标位置的各种方法
转 JavaScript 获取鼠标点击位置坐标在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容 (1)相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点转载 2014-04-09 16:27:30 · 801 阅读 · 0 评论 -
深入浅出CSS3:background-clip,background-origin和border-image教程
已兼容IE!之前不能兼容IE,给您的阅读带来不便十分抱歉,Sorry一.这篇博客的初衷 最近在准备一个下学期参加比赛的概念网站,希望能用到CSS3的新特性,比如background的background-clip或background-origin或border-image。但仅仅是依靠w3schools上的文档和说明发现很多臆想中的效果都实现不了。于是尝试在百度中搜素,结果资料也转载 2014-04-09 14:30:51 · 987 阅读 · 0 评论 -
JS游览器兼容问题
做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码。就会造来客户的投诉,如果让BoSS知道了,这可不太好哦。下面是兼容IE和FF的js脚本做法和分解(部分选自网上): .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Fir转载 2014-03-25 13:40:05 · 402 阅读 · 0 评论 -
Dom元素基本操作方法API,先记录下,方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本
Dom元素基本操作方法API,先记录下,方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM,JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分,这就使得Jav转载 2014-04-04 16:36:49 · 754 阅读 · 0 评论 -
HTML的各种音乐播放方式
123embed id="soundControl" src="文件路径及文件" mastersound hidden="true" loop="false" autostart="false">embed> input id="btPlay" type="button" value="播放" onclick="ManageSou原创 2013-12-23 10:57:17 · 889 阅读 · 0 评论 -
手机web——自适应网页设计(html/css控制)
就目前形势来看,Web App 正是眼下的一个趋势和潮流,但是,对于Web App的设计可能大家有的不是很了解,下面就将整理好的网页设计的技巧奉献给大家。AD:2013云计算架构师峰会课程资料下载一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。meta name="viewport" con转载 2013-12-20 13:28:40 · 557 阅读 · 0 评论 -
JQuery的$(document).ready(function(){})与JS的window.onload 的各自优势!
由于项目需要,使用JQuery也有相当一段时间了。由于经常要处理DOM节点加载、图片显示以及动态资源请求,所以对$(document).ready(function(){})理解也越来越深了,所有在此分享我的一些体会:1. $(document).ready(function(){...}) 此方法是JQuery版本的window.onload = function(){...}。 1.转载 2013-12-20 12:04:48 · 389 阅读 · 0 评论 -
jquery滚动实现原理之一,自制滚动函数实例
jquery滚动实现原理之一,自制滚动函数实例(2012-03-20 16:23:09)转载▼ js标签横向滚动的实现的原理有很多种,进行我们来认识一下这个实现的方法:我们常看到页面上有个框,显示3个图片,会自动滚动,两边有两个前后按钮来控制滚动,js是怎么实现的呢。我们一起来探讨一下:我们做的效果是循环滚动,滚动到结尾转载 2013-12-09 16:57:47 · 1172 阅读 · 0 评论 -
IE6 BUG诡异的行内替换元素设置浮动并设置text-indent:xx px 影响相邻元素布局
E6 BUG诡异的行内替换元素设置浮动并设置text-indent:xx px 影响相邻元素布局一个奇怪的现象:一个DIV里面有两个各元素,一个元素右浮动,浮动的元素设置了个text-indent,而另外一个元素却仅在IE6下产生了和该元素一样大小的类padding-left间距值。发现原型: type="button" value="搜索" /> href="#">啊啊啊啊>>转载 2013-11-07 18:04:05 · 673 阅读 · 0 评论 -
巧妙解决使用DD_belatedPNG解决IE6PNG透明问题引发的relative定位冲突
在帮助同学完成湖南科技大学ACM判题系统的时候,由于需要解决PNG在IE6下的透明引入并使用了DD_belatedPNG.js(其他方式有弊端无法满足需求)。而在这过程中发现在 使用 DD_belatedPNG. 的元素上进行 position:relative; 会发生错位,而我又必须使用position:relative,这里是为了使用Z-INDEX实现满足需求的罩,z-index属性必须和转载 2013-11-07 18:00:26 · 667 阅读 · 0 评论 -
div+css兼容性问题
hack模型firefox ie7 ie6left: *left: _left:注:IE都能识别*;尺度阅读器(如FF)不能识别*;IE6能识别*,但不能辨认 !important,芭蕾舞鞋,IE7能辨认*,也能辨认!important;FF不能识别*,但能识别!important;IE6 IE7 FFIE6支持下划线”_”,IE7和firefox均不支撑下划线。!转载 2013-11-07 18:05:22 · 518 阅读 · 0 评论 -
IE hasLayout的问题总结
介绍 这篇文章是一个总结haslayout的文章。更新:haslayout在ie8的标准模式下已经被废弃了,但是在ie7的兼容版本以及以下的版本是仍然存在的。什么是haslayout? MSIE 有一个很早很早,过时的渲染引擎 Mosaic . 在表格布局的时代。几乎是所有的元素(除了内联内容)都是一个盒子。内容几乎不可能超过表格的单元格。表格的单元格不可能超出表格。很多转载 2013-11-07 18:03:07 · 498 阅读 · 0 评论 -
iframe去边框,无边框,使用大全
iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes">iframe>runat="server" 这个最好加上I转载 2013-11-21 13:41:01 · 495 阅读 · 0 评论 -
Flash在IE,FF下背景透明与置底解决方法
Flash在IE,FF下背景透明解决方法Flash背景透明在IE中正常显示: codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 width="960" height="480">转载 2013-11-21 13:46:53 · 602 阅读 · 0 评论 -
XHTML Strict和Transitional 的区别
今天在给一个静态的网页写程序的时候发现了一点问题,静态的时候样式是正常的,但是换成Asp.net程序aspx格式的时候,样式就变了,于是找啊找,找啊找,终于发现问题所在了,原来是这个的问题DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t转载 2013-11-20 15:45:57 · 1336 阅读 · 0 评论 -
IE6下解决PNG不透明
这个代码,一个老外写的支持png图片的透明,背景定位。全搞定!!!DD_belatedPNG_0.0.8a-min.js 用法 if lte IE 6]> script src="DD_belatedPNG_0.0.8a.js" type="text/javascript">script> script type="text/javascript"> DD_belatedP转载 2013-11-01 14:27:43 · 484 阅读 · 0 评论 -
CSS下拉菜单(兼容IE6)
CSS驱动的横向下拉菜单(改进版) 由于我的IE是IE7的,所以起初没有意识到那个下拉菜单在IE6中不能显示,今天刚把IE7卸了装了IE6,一般的,由于CSS驱动的下拉菜单不能在IE6中正常工作,大多数人会选择用JavaScript去实现下拉菜单,但其实CSS也可以做到的哦~~ 这个关键就是这个语句:body { behavior:url(csshover.htc);}转载 2013-10-18 09:59:32 · 580 阅读 · 0 评论