随笔分类 - web前端开发
摘要：目前互联网对于网页效果要求越来越高，不可避免的用到PNG图片，PNG分为几种格 式，PNG8 PNG24 PNG32,其中最常用的，也是显示效果和大小比较适中的则是PNG24,支持半透明，透明，颜色也非常丰富，但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数，并且由于 WINDOWS X
阅读全文
摘要：Another way is to declare the element as!importantin css.For example..somediv { overflow: visible !important;}总结：jQuery.animate sets overflow:hidden a...
阅读全文
摘要：& n b s p ;这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加。该空格占据宽度受字体影响明显而强烈。& e n s p ;该空格占据的宽度正好是1/2个中文宽度，而且基本上不受字体影...
阅读全文
摘要：1. ie的文档流样式 writing-mode:tb-rl.box1 a{ writing-mode:tb-rl; /* 触发layout 后面高度生效，文档流 自上往下，自右往左，宽度要自适应，文字方向在垂直方向居中 */ height:100%; vertical-align:middle}2...
阅读全文
摘要：background:url(img/d5.png) no-repeat;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/d5.png');
阅读全文
摘要：position:fixed; _position:absolute; top:50%; _top:expression(documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) / 2 + "px");
阅读全文
摘要：.gurl{display:block;}.gurl img{_display:none;}$(".gurl").each(function(){ var $width=$(this).find("img").width(); var $height=$(this).find("img").height(); var $src=$(this).find("img").attr("src"); var $filter="progid:DXImageTransform.Microsoft.
阅读全文
摘要：按需加载是前端性能优化中的一项重要措施，按需加载是如何定义的呢？顾名思义，指的是当用户触发了动作时才加载对应的功能。触发的动作，是要看具体 的业务场景而言，包括但不限于以下几个情况：鼠标点击、输入文字、拉动滚动条，鼠标移动、窗口大小更改等。加载的文件，可以是JS、图片、CSS、 HTML等。后面将会详细介绍“按需”的理解。按需解析HTML按需解析HTML，就是页面一开始不解析HTML，根据需要来解析HTML。解析HTML都是需要一定时间，特别是HTML中包含有img标签、引 用了背景图片时，如果一开始就解析，那么势必会增加请求数。常见的有对话框、拉菜单、多标签的内容展示等，这些一开始是不需要解
阅读全文
摘要：关于半透明背景的 IE 兼容处理wiki 上有个记录：使用rgba来实现半透明背景（不半透明文字等）【IE兼容处理】关于模块化其实大家应该都经常用，比如在 svn 中提交的 css 常有这样的代码：对于 HTML ，同样也可以用这样的方式。在做大页面的时候常有好处，能把主页面的结构变得更清楚，特别是对于很多页面使用或重复出现的情况，如： 当然，因为是用到了 apache 的 ssi 功能，所以，需要用 http:// 的方式来访问而不能像直接把文件拖进浏览器那样用file:///来访问。关于 JSONJSON 全称是...
阅读全文
摘要：网站前端开发与动画相关常见问题解答问题解答说明关键字1插入宽度1000像素的头部动画或者minisite动画后，左右超过1000像素位置的画面分界明显，好像画面断层了。头部动画或者MINISITE插入页面时，一般宽度设为100%横向全屏，高度按原先的动画高度设定现在版面及动画大多是按宽屏来设计的，元素往往不局限与版块宽度的1000以内。公司动画一般都是按1440来设计，只是发布的时候按1000或者1440宽度发布而已，实际内容还是1440的，出于适应用户屏幕分辨率的考虑，所以，应当把页面中的动画宽度设成100%自适应屏幕。动画宽度横向全屏自适应2插入1440的动画后，页面出现横向滚动条同上同上
阅读全文
摘要：现在在js中要获取兄弟节点有两种常用的方法，一种是利用js来遍历，另一种是利用jquery来获取，下面小编来给大家介绍一下.比如一个ul里面有10个li，而第3个li上有特殊的样式（比如颜色为红色，其他为黑色）。我想把其他所有li——不包括红的li——的颜色也设为红色，此时，就需要获得红li的所有兄弟节点。兄弟，就是和你平辈的，既不是上一级也不是下一级，而且可能有比你大的（兄），也可能比你小（弟）。兄弟节点同理，下面是一个常规的获取兄弟节点的办法。代码如下复制代码function siblings(elm) {var a = [];var p = elm.parentNode.children
阅读全文
摘要：js实现 无标题文档 0个字符 jquery实现 无标题文档
阅读全文
摘要：jQuery事件之鼠标事件鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。 $('p').click(function(){ alert('click function is running !'); }); (2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用。 $('p').dbclick(function(){ alert('dbcl
阅读全文
摘要：IE下一、无法实现IE下垂直居中可能出现的情况1、无标题文档 可能出现的情况2、无标题文档 二、实现IE下垂直居中无标题文档 firefox、google等浏览器下实现firefox、google等浏览器下垂直居中无标题文档 个人总结：display:table-cell;要定义在一个具有具体宽高值的块元素容器里面，否则无法实现firefox等浏览器下垂直居中
阅读全文
摘要：1functiongetClientHeight()2{3//可见高4varclientHeight=document.body.clientHeight;//其它浏览器默认值5if(navigator.userAgent.indexOf("MSIE6.0")!=-1)6{7clientHeight=document.body.clientHeight;8}9elseif(navigator.userAgent.indexOf("MSIE")!=-1)10{11//IE7IE812clientHeight=document.documentElement
阅读全文
摘要：本人测试ie,FF,chrome用document.documentElement.clientHeight都能取得高度和jquery $(window).height();一样的值，文档的高度document.body.clientHeight||document.documentElement.clientHeight,文档滚动条位置document.body.scrollTop||document.documentElement.scrollTop但没有定义W3C标准会有问题var dd = document.body || document.documentElement;var h1
阅读全文
摘要：用javascript美化Select源代码：用javascript美化Select 用javascript模拟select达到美化效果 用户注册 帐号 密码 省份 作者博客效果：用javascript模拟select达到美化效果用户注册帐号 密码 省份作者博客
阅读全文
浙公网安备 33010602011771号