<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dandan的前端开发---专注于div css js jquery]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/peidandan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; peidandan]]></copyright><item><title><![CDATA[fieldset宽度撑开解决方案]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/105358141</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/105358141</guid><author>peidandan</author><pubDate>Tue, 07 Apr 2020 10:05:48 +0800</pubDate><description><![CDATA[今天上午，测试发现设置里面树状结构展开后会撑开fieldset。
fieldset父节点已经设置了宽度400，但当展开的branch长度超过一定范围时，发现设置的宽度不起作用。

fieldset在没有内部元素时，是以block方式解析的，即外部100%宽度自适应；继承父类的宽度400本应当维持这个宽度了，为何会被撑宽呢？


因为它的min-width属性，在CSS的属性的权重中，min-wid...]]></description><category></category></item><item><title><![CDATA[移动前端工作的那些事---前端制作篇之meta标签篇]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/46908419</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/46908419</guid><author>peidandan</author><pubDate>Thu, 16 Jul 2015 11:00:27 +0800</pubDate><description><![CDATA[移动端前端制作有些地方不同于互联网，这篇主要讨论的是meta标签。meta标签位于head标签之间。是主要辅助HTML结构层的。meta标签不管在互联网前端还是在移动端都起了很重要的作用。这里只讨论移动端。

附上代码进行说明：










xxx
















复制代码

这是一个HTML5为语言标准的说明]]></description><category></category></item><item><title><![CDATA[css3阴影属性box-shadow]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/11526501</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/11526501</guid><author>peidandan</author><pubDate>Tue, 10 Sep 2013 15:16:58 +0800</pubDate><description><![CDATA[css3阴影属性box-shadow的一些注意点:

box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色；Firefox支持Box Shadow(阴影)：-moz-box-shadow:2px 2px 5px #333333；webkit内核的Safari和Chrome支持Box Shadow(阴影)：-webkit-box-shadow:]]></description><category></category></item><item><title><![CDATA[IE下模拟css3中的box-shadow（阴影）]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/11526549</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/11526549</guid><author>peidandan</author><pubDate>Tue, 10 Sep 2013 15:16:51 +0800</pubDate><description><![CDATA[在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜
基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);
注意：该滤镜必须配合background属性一起使用，否则该滤镜失效。
IE下模拟css]]></description><category></category></item><item><title><![CDATA[导航跟随滚动条置顶移动]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9717649</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9717649</guid><author>peidandan</author><pubDate>Fri, 02 Aug 2013 15:28:32 +0800</pubDate><description><![CDATA[#topmenu{position:absolute;top:100px;background:#4b4a4a;width:100%;margin:0 auto;clear:both;overflow:hidden;z-index:998;left:0}




    jQuery(document).ready(function() {
        var topmenu =]]></description><category></category></item><item><title><![CDATA[优秀网页设计微博汇总]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9306727</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9306727</guid><author>peidandan</author><pubDate>Fri, 12 Jul 2013 09:47:06 +0800</pubDate><description><![CDATA[2013年07月11日的@优秀网页设计微博汇总：

【大师们笔下的美妙设计作品】
http://e.weibo.com/1773655610/zFy3i2854

【获奖名单公布】
http://e.weibo.com/1773655610/zFxJz2YPK

【一针见血的品牌定位】
http://e.weibo.com/1773655610/zFxygFGwW

【PS高]]></description><category></category></item><item><title><![CDATA[如何更好的在自动化行业中立足？  ---- 从了解品牌开始]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9301341</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9301341</guid><author>peidandan</author><pubDate>Thu, 11 Jul 2013 15:42:08 +0800</pubDate><description><![CDATA[工厂生产产品；顾客购买品牌。产品可以被竞争对手复制；品牌却是独一无二的。产品可以很快过时；成功的品牌却可以经久不衰。

—— 史蒂芬.金，英国伦敦WPP集团

很多人的观点认为，在自动化和自动控制这个市场中主要是靠集成商、中间商去做市场，大型系统级产品是靠关系拿下大客户，而小型通用型产品本身区别小，与品牌关系不大，"不做品牌照样销售"成为很多自动化企业不做品牌的最冠冕堂皇的理由。但是，在瞬]]></description><category></category></item><item><title><![CDATA[tab切换，适用于多个tab切换]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9298739</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9298739</guid><author>peidandan</author><pubDate>Thu, 11 Jul 2013 11:21:53 +0800</pubDate><description><![CDATA[tab切换


* {
    padding:0;
    margin:0
}
body {
    font-size:12px
}
ul, li, ol {
    list-style:none
}
a {
    text-decoration:none
}
.clearfix {
    clear:both;
    overflow:hidde]]></description><category></category></item><item><title><![CDATA[Bootstrap前端开发框架]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9298483</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9298483</guid><author>peidandan</author><pubDate>Thu, 11 Jul 2013 11:03:11 +0800</pubDate><description><![CDATA[Bootstrap
简洁、直观、强悍的前端开发框架，让web开发更迅速、简单


http://www.bootcss.com/]]></description><category></category></item><item><title><![CDATA[下拉框select]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9298333</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9298333</guid><author>peidandan</author><pubDate>Thu, 11 Jul 2013 10:54:58 +0800</pubDate><description><![CDATA[Untitled Document


* {
    padding:0;
    margin:0
}
body {
    font-size:12px
}
.select_box {
    background: url("images/select_bg.gif") no-repeat scroll left top transparent;
    color]]></description><category></category></item><item><title><![CDATA[搜索框背景图片]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/9270587</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/9270587</guid><author>peidandan</author><pubDate>Mon, 08 Jul 2013 12:22:41 +0800</pubDate><description><![CDATA[background-attachment:fixed]]></description><category></category></item><item><title><![CDATA[模拟select取值ul li]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/8496212</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/8496212</guid><author>peidandan</author><pubDate>Sat, 12 Jan 2013 14:43:44 +0800</pubDate><description><![CDATA[jQuery(function($){
  var selDOM = function(obj){
      for(var i=0;i
        var items = jQuery(obj[i]);
        for(var k=0;k
        (function(){
          var arrDOM = [""], item = jQuery(it]]></description><category></category></item><item><title><![CDATA[模拟select成ul li展示]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/8438449</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/8438449</guid><author>peidandan</author><pubDate>Wed, 26 Dec 2012 12:40:10 +0800</pubDate><description><![CDATA[jQuery(function($){
    var selDOM = function(obj){
    for(var i=0;i
      var items = jQuery(obj[i]);
      for(var k=0;k
      (function(){
        var arrDOM = [""], item = jQuery(items[k]);]]></description><category></category></item><item><title><![CDATA[($(this).offset().top]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/8162803</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/8162803</guid><author>peidandan</author><pubDate>Thu, 08 Nov 2012 17:05:02 +0800</pubDate><description><![CDATA[$(document).ready(function(){
      $('.cate_share_box ul li').addClass(function() {  
       return 'item_' + jQuery(this).index(); 
    });   
    var mouseoverDiv=jQuery('.cate_share_box li.two]]></description><category></category></item><item><title><![CDATA[让IE支持HTML5元素作为CSS选择器]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/8131306</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/8131306</guid><author>peidandan</author><pubDate>Wed, 31 Oct 2012 10:10:43 +0800</pubDate><description><![CDATA[IE6、IE7、IE8不支持HTML5，IE9开始支持HTML5，这就导致我们无法在IE6/IE7/IE8中使用HTML5元素作为CSS选择器。利用下面的脚本可以解决这个问题，需要注意的是这个脚本需要在页面渲染以前执行。


XML/HTML Code复制内容到剪贴板


>  

script type="text/javascript"> 
(function(){]]></description><category></category></item><item><title><![CDATA[yahoo雅虎网站的优化原则]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/8107887</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/8107887</guid><author>peidandan</author><pubDate>Wed, 24 Oct 2012 16:54:35 +0800</pubDate><description><![CDATA[如果你已经对yahoo这些优化建议烂熟于心，果断点这里
一、 Yahoo的军规条例：
谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等；
详细的解释来这里查：http://developer.yahoo.com/performance/rules.html
也可以直接firebug上一项项比对，如下图：

简单翻译解释下：
1、尽量减少HTTP请]]></description><category></category></item><item><title><![CDATA[jquery.lazyload 实现图片延迟加载jquery插件]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/8107634</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/8107634</guid><author>peidandan</author><pubDate>Wed, 24 Oct 2012 16:16:25 +0800</pubDate><description><![CDATA[Lazy Load延迟加载也有的称为惰性加载，是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.
在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担]]></description><category></category></item><item><title><![CDATA[轮播切换效果+点击放大图]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/7911496</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/7911496</guid><author>peidandan</author><pubDate>Mon, 27 Aug 2012 11:55:46 +0800</pubDate><description><![CDATA[效果如下：


css如下：
/*============新品============*/
img{border:0 none}
.more_pro .moreandmore{text-align:left;width:404px;}
.more_pro .moreandmore .more_bt{margin:0 auto 0 30px;width:111px;height:40p]]></description><category></category></item><item><title><![CDATA[前端开发工程师目前局势是非常辛苦的]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/7880188</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/7880188</guid><author>peidandan</author><pubDate>Sat, 18 Aug 2012 11:01:54 +0800</pubDate><description><![CDATA[前端开发辛苦的原因是什么，我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验，前端的辛苦在于以下几个方面：
 
　　◎ 重复劳动多，大量的div+css都是重复的，即便可以复制粘贴，但几千行的div海洋中去寻找一个入口恐怕都非常痛苦 

　　◎ 需求变更多，往往你折腾几个小时终于把跨平台问题解决好了，而且在IE6、7和Firefox下面都能显示同样的效果了，甚至连JavaScr]]></description><category></category></item><item><title><![CDATA[解决PNG图片在IE6下的透明问题]]></title><link>https://blog.youkuaiyun.com/peidandan/article/details/7612154</link><guid>https://blog.youkuaiyun.com/peidandan/article/details/7612154</guid><author>peidandan</author><pubDate>Tue, 29 May 2012 11:44:51 +0800</pubDate><description><![CDATA[.pngs {

            width:57px; 

            height:56px;

            position:absolute; 

            top:105px; 

            left:103px; 

            background:url(../images/png.pn]]></description><category></category></item></channel></rss>