2016 年 3月随笔档案 - 杨杨0708

Chrome开发工具Elements面板(编辑DOM和CSS样式)详解

摘要：Element 译为“元素”，Element 面板可以让我们动态查看和编辑DOM节点和CSS样式表，并且立即生效，避免了频繁切换浏览器和编辑器的麻烦。我们可以使用Element面板来查看源代码，它不但可以很好的格式化DOM节点，清晰的展现HTML文档，还可以查看JavaScript创建的DOM节点和阅读全文

posted @ 2016-03-25 10:09 杨杨0708 阅读(1018) 评论(0) 推荐(0) 编辑

Chrome调试大全

摘要：作为一名前端开发者，打交道最多的可能是和浏览器。市面上各种浏览器多不胜数，主流的有Chrome，Firefox，Safari，IE，Opera，非主流的如360，遨游，QQ浏览器，搜狗浏览器，据说淘宝最近也要出浏览器了。不过个人最喜欢的还是Chrome，因为它的简洁和快速，还有功能的强大。FF什么的阅读全文

posted @ 2016-03-25 10:04 杨杨0708 阅读(408) 评论(0) 推荐(0) 编辑

横向子菜单栏ul根据其子元素li个数动态获取宽度，并与父li绝对垂直居中的jquery代码段

摘要：;(function(window){ $('.menuitem').hover(function(){ $('>a',this).css('background-color','#60AEEC'); $('.subnav',this).show(); $('.subnav',this).width 阅读全文

posted @ 2016-03-18 15:36 杨杨0708 阅读(497) 评论(0) 推荐(0) 编辑

IE6中让png的icon图标也透明的完整代码段

摘要：一个引用了在IE6中让img图标也可引用png图片的js插件代码的html是这样写的，兼容IE6： <a class="btn btn-select" href="javascript:fensong_addaccept()"> <img src="__STATIC__/yjj/images/16. 阅读全文

posted @ 2016-03-17 11:19 杨杨0708 阅读(450) 评论(0) 推荐(0) 编辑

IE6滤镜在实战测试中能让父层里面的子元素产生阴影

摘要：1、写法一： <div class="cornerbg"> <p class="title-file"> </p> ...... </div> .cornerbg{width: 992px;height: 659px;background: #fff;border-radius: 10px;box- 阅读全文

posted @ 2016-03-16 15:18 杨杨0708 阅读(229) 评论(0) 推荐(0) 编辑

IE6-能让png图片有透明效果的js代码

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content 阅读全文

posted @ 2016-03-16 13:48 杨杨0708 阅读(754) 评论(0) 推荐(0) 编辑

导航栏项目滑过时子菜单显示/隐藏jquery代码

摘要：;(function(window){ $('.menuitem').hover(function(){ $('>a',this).css('background-color','#60aeeb'); $('.subnav',this).show(); },function(){ if( !$(th 阅读全文

posted @ 2016-03-16 13:44 杨杨0708 阅读(183) 评论(0) 推荐(0) 编辑

IE6下完美兼容css3圆角和阴影属性的htc插件PIE.htc

摘要：1、(推荐：)css插件PIE.htc，这个才是真正完美兼容css3的圆角和阴影属性在IE6环境下使用的效果，但要注意的是：下面的代码必须写在html文件的head标签内，否则无效(不能从外部引用下面的css代码)，源码是：<style type='text/css'> .bgtest { back 阅读全文

posted @ 2016-03-15 14:06 杨杨0708 阅读(571) 评论(0) 推荐(0) 编辑

js函数对象

摘要：函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。 javascript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：以下是阅读全文

posted @ 2016-03-14 14:12 杨杨0708 阅读(237) 评论(0) 推荐(0) 编辑

兼容ie6及以上和firefox等标准浏览器的表格行滑过时背景色切换的效果

摘要：一、js代码——"tablehover.js" /** *②、表格单元行滑过时高亮样式动效组件封装 *oop形式封装交互动效类 *组件说明这个组件是为了向下兼容到IE6，因为IE6不支持tr:hover这种形式的伪类,而在ff等标准浏览器中是支持的，这样写： .tablelist td{border 阅读全文

posted @ 2016-03-09 13:56 杨杨0708 阅读(371) 评论(0) 推荐(0) 编辑

对js原型对象的拓展和原型对象的重指向的区别的研究

摘要：我写了如下两段代码： function Person(){} var p1 = new Person(); Person.prototype = { constructor: Person, name: "cxc", age: 20, sayName: function(){ console.log 阅读全文

posted @ 2016-03-08 17:03 杨杨0708 阅读(268) 评论(0) 推荐(0) 编辑

小结IE6的坑

摘要：1、z-index在position:relative/absolute等定位属性设置后还是无效，会导致top栏的导航栏目的子菜单被下面的层遮住，无法显示；解决办法：？http://www.wufangbo.com/ie6-ie7-z-index-bug/就是被子导航列表覆盖的层绝对不能设置为相对定阅读全文

posted @ 2016-03-07 15:57 杨杨0708 阅读(411) 评论(0) 推荐(0) 编辑

基于jquery 封装的 select 小控件，解决 IE6 7 8里 select 边框高度无法遮挡等问题

摘要：一、基本原理 select控件在浏览器中是个永远的痛，不同的版本解析出来的可谓五花八门。主要有以下问题： 1,IE6中无法设置高度，Z INDEX永远在最上，无法被其它层遮挡 2,IE7中可以设置高度，但是实际显示高度永远是那么一点点高，下面留出大量的空白 3,IE8中高度可以设置，但文字不居中，L 阅读全文

posted @ 2016-03-07 15:27 杨杨0708 阅读(272) 评论(0) 推荐(0) 编辑

让表格table呈现边框，不用给tr、td加边框的写法

摘要：<table width="100%" cellspacing="1" cellpadding="1" bgcolor="#d0d8da"> cellspacing="1" cellpadding="1"联合起来表示1px边框的表格，如果将这两个1改成0，将无边框 bgcolor="#d0d8da" 阅读全文

posted @ 2016-03-04 16:48 杨杨0708 阅读(720) 评论(0) 推荐(0) 编辑

兼容IE6及以上的导航栏子菜单栏滑过显示隐藏效果

摘要：;(function(window){ var li = document.getElementById('parentnav').getElementsByTagName('li')[1]; var li_a = li.getElementsByTagName('a')[0]; var subna 阅读全文

posted @ 2016-03-03 17:04 杨杨0708 阅读(271) 评论(0) 推荐(0) 编辑

兼容ie6及以上的表格行滑过时背景色切换的效果

摘要：;(function(window){ var tb = document.getElementById('tablelist'); function trfocus(){//为了兼容IE6在css中td不要设置背景颜色，否则会遮挡住tr背景颜色的变换.在标准浏览器中可以直接用样式控制鼠标滑过时，切阅读全文

posted @ 2016-03-03 17:03 杨杨0708 阅读(177) 评论(0) 推荐(0) 编辑

ie6和ie7下z-index bug的解决办法

摘要：一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道，层级越高（图层越靠上）阅读全文

posted @ 2016-03-02 09:54 杨杨0708 阅读(182) 评论(0) 推荐(0) 编辑

升级wamp5集成安装包 php5.2到php5.3

摘要：平时xp下面都使用wamp5集成开发但php的空间命名需要php5.3 才支持，而且公司系统大部分都使用5.3，很多函数与5.2是不同的难的在xp下面手动安装，集成包使用很方便，配置，快捷键都很不错。只能升级了首先下载php5.3.3 的vc6版本线程与非线程区别我以前写过一篇文章下面所阅读全文

posted @ 2016-03-01 22:00 杨杨0708 阅读(766) 评论(0) 推荐(0) 编辑

摘要：因为自PHP 5.3.1版本开始，PHP便已不在支持ISAPI模式，所以你在PHP5.3.1版本以上的php目录中看不到php5isapi.dll文件。那么，IIS6下跑PHP 5.3.1以上版本时，就无法继续使用ISAPI模式运行PHP，而是采用更先进的FastCGI模式。而IIS6本身是不集阅读全文

posted @ 2016-03-01 21:40 杨杨0708 阅读(1961) 评论(0) 推荐(0) 编辑

关于IE6、IE7、IE8实现盒子阴影shadow的几个注意点

摘要：通常，我们实现盒阴影都是通过这段代码来实现的但是，IE6、7、8不认识这段样式，所以我们会考虑用滤镜来实现这功能其实如果要求不是那么苛刻的话，IE下用滤镜已经能达到我们要的效果了。当然，如果你觉得滤镜不那么完美，非要用图片去实现，那也可以，就不用继续往下读我要说明的几个注意点了。首先，滤镜里的阅读全文

posted @ 2016-03-01 11:32 杨杨0708 阅读(797) 评论(0) 推荐(0) 编辑

兼容ie6及以上的阴影滤镜的写法

摘要：.subnav{ width: 220px; _width:160px; min-height: 168px; border: 1px solid #d0d8da; background: #fff; box-shadow: 0px 2px 2px #BEBEBE; filter:progid:DX 阅读全文

posted @ 2016-03-01 11:31 杨杨0708 阅读(387) 评论(0) 推荐(0) 编辑

IE6/IE7下：inline-block解决方案

摘要：IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；对象呈递为内联对象，但是阅读全文

posted @ 2016-03-01 10:01 杨杨0708 阅读(160) 评论(0) 推荐(0) 编辑

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论