<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[nb_pdd的专栏]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/nb_pdd</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; nb_pdd]]></copyright><item><title><![CDATA[去掉链接、按钮的虚框]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6361205</link><guid>https://blog.csdn.net/nb_pdd/article/details/6361205</guid><author>nb_pdd</author><pubDate>Mon, 25 Apr 2011 11:50:00 +0800</pubDate><description><![CDATA[<br />链接和按钮在点击的时候会默认出现虚框，有时候因为美观我们需要去掉，最近就被这个小折腾了下，总结了下往上发的一些方法。<br />
1、a{outline:none} 这个是针对Firefox的，但是IE下无效。<br />
2、jQuery(“a”).each(function(){this.onmouseup = this.blur();})如果网站中已经加入jQuery，可以用这个方法。<br />
3、< a href="#" hidefocus="true">……，在a标签中加入h]]></description><category></category></item><item><title><![CDATA[bgiframe 解决IE6 DIV 档不住下拉选择框]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6306934</link><guid>https://blog.csdn.net/nb_pdd/article/details/6306934</guid><author>nb_pdd</author><pubDate>Thu, 07 Apr 2011 14:07:00 +0800</pubDate><description><![CDATA[bgiframe 插件用来轻松解决 IE6 z-index 的问题，如果网页上有浮动区块和下拉选单重叠时，在IE6会看到下拉选框总是把浮动区块覆盖住，无论怎么调整 z-index 都是没用的，而用 bgiframe 就可以轻松解决这个问题。使用方法：$(document).ready(function() {    $('#floatingBox').bgiframe();  });   下载 官方地址：http://plugins.jquery.com/project/bgiframedemo案例]]></description><category></category></item><item><title><![CDATA[滚动到页面顶部]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6118559</link><guid>https://blog.csdn.net/nb_pdd/article/details/6118559</guid><author>nb_pdd</author><pubDate>Wed, 05 Jan 2011 18:03:00 +0800</pubDate><description><![CDATA[$(document).ready(function(){
    $('a[href*=#]').click(function(){if(location.pathname.replace(/^///,'')==this.pathname.replace(/^///,'')&& location.hostname==this.hostname){var $target = $(this.hash);
            $target = $target.length&& $target || $]]></description><category></category></item><item><title><![CDATA[图片不存在的时候，显示一个默认图片]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6118508</link><guid>https://blog.csdn.net/nb_pdd/article/details/6118508</guid><author>nb_pdd</author><pubDate>Wed, 05 Jan 2011 17:38:00 +0800</pubDate><description><![CDATA[<br /><img src="noexist.gif" onerror="this.src='http://www.lanrentuku.com/images/logo.jpg'" /><br /><p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>]]></description><category></category></item><item><title><![CDATA[一位网页设计师制作网页的流程]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6101973</link><guid>https://blog.csdn.net/nb_pdd/article/details/6101973</guid><author>nb_pdd</author><pubDate>Tue, 28 Dec 2010 09:49:00 +0800</pubDate><description><![CDATA[<br />想想自己前前后后做网页制作已将进半年了，在这半年里有多少辛酸、多少欢喜伴随着我一步一步往前走，经历的多了 自然要老练一些了。在网页制作流程方面，刚开始我总是拿者设计稿就开始进行切割，直接就在DW里面敲代码，遇见一块用一个DIV 那时候我就自称学会了Div+Css了，现在想想真是太嫩了。在不断的摸索中，自己也有了一定的提高。<br />以下是我从这半年中总结出来的一些网页制作的流程和技巧：<br />1、    拿到设计稿的后要认真研究，把握大致的框架图，做到心里有一个整体的构思，其中还可以揣摩一]]></description><category></category></item><item><title><![CDATA[整合]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6072787</link><guid>https://blog.csdn.net/nb_pdd/article/details/6072787</guid><author>nb_pdd</author><pubDate>Mon, 13 Dec 2010 11:21:00 +0800</pubDate><description><![CDATA[<br />一、样式名均以字母开头，后缀可包含字母、数字、下划线和中划线，样式名尽量采用通俗易懂的英文单词组成<br />二、能采用缩写的样式属性尽量采用缩写形式，如margin，padding，border等;<br />     （原则：上-右-下-左 --> MARGIN: 1px 2px 3px 4px  上-(右左)-下 -->  MARGIN: 1px 2px 3px<br />     （上下）-（左右）-->  MARGIN: 2px 4px   上右下左  --> MARGIN: 4px;]]></description><category></category></item><item><title><![CDATA[超出隐藏用省略号样式]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6068345</link><guid>https://blog.csdn.net/nb_pdd/article/details/6068345</guid><author>nb_pdd</author><pubDate>Fri, 10 Dec 2010 17:40:00 +0800</pubDate><description><![CDATA[<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br /><title>css写省略号方法</title><br /><style><br />/* CSS DEMO */]]></description><category></category></item><item><title><![CDATA[兼容技巧]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6068332</link><guid>https://blog.csdn.net/nb_pdd/article/details/6068332</guid><author>nb_pdd</author><pubDate>Fri, 10 Dec 2010 17:36:00 +0800</pubDate><description><![CDATA[<br />1. <br />ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。所以先定义ul{margin:0;padding:0;}就能解决大部分问题。也可用!important解决<br /><br /><br /> <br /> <br /> <br /> <br /> ]]></description><category></category></item><item><title><![CDATA[css Hack技巧]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6067972</link><guid>https://blog.csdn.net/nb_pdd/article/details/6067972</guid><author>nb_pdd</author><pubDate>Fri, 10 Dec 2010 16:02:00 +0800</pubDate><description><![CDATA[<br />一、CSS HACK <br />HACK概念：<br />不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack, <br /><br]]></description><category></category></item><item><title><![CDATA[jQuery 语法]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6067892</link><guid>https://blog.csdn.net/nb_pdd/article/details/6067892</guid><author>nb_pdd</author><pubDate>Fri, 10 Dec 2010 15:38:00 +0800</pubDate><description><![CDATA[<br /><br /> <br /> <br />  <br />jQuery语法： http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp]]></description><category></category></item><item><title><![CDATA[div+css处理链接的:link,:visited,:hover,:active四种状态]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6064701</link><guid>https://blog.csdn.net/nb_pdd/article/details/6064701</guid><author>nb_pdd</author><pubDate>Thu, 09 Dec 2010 10:02:00 +0800</pubDate><description><![CDATA[<html><br />
    <head><br />
        <style><br />
            a:link {background-color: red; color: white;}<br />
            a:visited {background-color: yellow; color: black;}<br />
            a:hover  {background-color: green; color: white;}<br ]]></description><category></category></item><item><title><![CDATA[电子商务的整合之道]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6064640</link><guid>https://blog.csdn.net/nb_pdd/article/details/6064640</guid><author>nb_pdd</author><pubDate>Thu, 09 Dec 2010 09:45:00 +0800</pubDate><description><![CDATA[<br />      未来的电子商务，会是一个全面整合融合的过程，鼠标和水泥的界限将会越来越模糊，然而可以确定的，从终端的消费者到源头的设计生产，谁能将这整条经脉打通，并且与整个市场高效互动，谁就能够真正成为最终的胜出者。<br /> ]]></description><category></category></item><item><title><![CDATA[IE下模拟css3中的box-shadow（阴影）]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6053325</link><guid>https://blog.csdn.net/nb_pdd/article/details/6053325</guid><author>nb_pdd</author><pubDate>Fri, 03 Dec 2010 16:33:00 +0800</pubDate><description><![CDATA[css3中的box-shadow（阴影）可以查看：http://www.css88.com/archives/2136或者http://www.css88.com/tool/css3Preview/Box-Shadow.html在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴]]></description><category></category></item><item><title><![CDATA[js实现使元素在屏幕里上下左右居中]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6047798</link><guid>https://blog.csdn.net/nb_pdd/article/details/6047798</guid><author>nb_pdd</author><pubDate>Wed, 01 Dec 2010 15:01:00 +0800</pubDate><description><![CDATA[js实现使元素在屏幕里上下左右居中]]></description><category></category></item><item><title><![CDATA[js实现超过页面一屏后，点击图标滚动到页面顶部top]]></title><link>https://blog.csdn.net/nb_pdd/article/details/6047741</link><guid>https://blog.csdn.net/nb_pdd/article/details/6047741</guid><author>nb_pdd</author><pubDate>Wed, 01 Dec 2010 14:43:00 +0800</pubDate><description><![CDATA[引用的样式如下（实现top图标永远处在右下角位置）：js如下：      //引用jquery数据库]]></description><category></category></item><item><title><![CDATA[上下滚动的jQuery图片展示]]></title><link>https://blog.csdn.net/nb_pdd/article/details/5973955</link><guid>https://blog.csdn.net/nb_pdd/article/details/5973955</guid><author>nb_pdd</author><pubDate>Fri, 29 Oct 2010 13:08:00 +0800</pubDate><description><![CDATA[上下滚动的jQuery图片展示效果]]></description><category></category></item><item><title><![CDATA[web2.0设计师个人主页css+xhtml+js全站模板]]></title><link>https://blog.csdn.net/nb_pdd/article/details/5933016</link><guid>https://blog.csdn.net/nb_pdd/article/details/5933016</guid><author>nb_pdd</author><pubDate>Mon, 11 Oct 2010 11:38:00 +0800</pubDate><description><![CDATA[<br />这个网站中有些jquery效果还是蛮不错的，记下有方便于下次用哦！<br /><br /><br />http://www.zcool.com.cn/gfx/ZODM1ODA=.html]]></description><category></category></item><item><title><![CDATA[美化select控件最简单的办法]]></title><link>https://blog.csdn.net/nb_pdd/article/details/5888246</link><guid>https://blog.csdn.net/nb_pdd/article/details/5888246</guid><author>nb_pdd</author><pubDate>Thu, 16 Sep 2010 13:56:00 +0800</pubDate><description><![CDATA[<br />select控件的优先级非常高，许多css属性对它没有作用，精心设计的页面因为一个突兀的原生select控件而减分是大家都头痛的事，
<br />

下面的方法是通过JS替换页面内原有的select，
<br />

我们希望这个JS是非侵入式的，只要引用了select.js这个js文件的页面，就自动把页面里原有的select控件替换接管了。
<br />

先初步地实现selct控件的替换，和基本的交互（暂不考虑接管select的onchange事件等问题）。在下面的实现方法]]></description><category></category></item><item><title><![CDATA[去掉点击链接，a链接过后产生的虚线框]]></title><link>https://blog.csdn.net/nb_pdd/article/details/5888109</link><guid>https://blog.csdn.net/nb_pdd/article/details/5888109</guid><author>nb_pdd</author><pubDate>Thu, 16 Sep 2010 13:00:00 +0800</pubDate><description><![CDATA[方法一：
定义样式outline:none即可，但此法只适应于FF，IE不支持，在IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。 Css代码 这里放置您需要的文字或图片这里放置您需要的文字或图片方法二：
针对于IECss代码 .HideFocus {  hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */   outline: none;  /* for firef]]></description><category></category></item><item><title><![CDATA[png透明问题解决方法（png图片ie6不兼容问题） ]]></title><link>https://blog.csdn.net/nb_pdd/article/details/5880643</link><guid>https://blog.csdn.net/nb_pdd/article/details/5880643</guid><author>nb_pdd</author><pubDate>Mon, 13 Sep 2010 12:07:00 +0800</pubDate><description><![CDATA[<br />在web前端开发中，经常会遇到需要用背景或图片透明的问题。<br /><br />
首先，目前我们所面临的情况是：<br />
1.在ie7+,firefox,safari,opera这些常用浏览器中，直接使用透明png是没有问题的，但在ie6下却不能透明。<br /><br />
2.ie6目前的时常份额仍然很大，我们必须考虑兼容ie6的问题。<br /><br />
png背景透明解决办法<br />
.pngbackground{<br />
background:url(yo]]></description><category></category></item></channel></rss>