评论: 回答读者提问(11)——CSS滑动门技术的简单应用 http://learning.artech.cn/20071105.css-slide-door-application.html 学习在前沿！这里是“前沿视频教室”，在这里您可以找到关于各种网页设计/网站开发/Flash动画相关的内容，而且我们都通过视频演示的方式，直观地向您讲解！包括CSS/Javascript/Flash/Dreamweaver/Fireworks/Photoshop等软件的使用和技巧! Sat, 19 May 2012 19:52:16 +0000 http://wordpress.org/?v=2.2 作者: 莫晓碎 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-16157 莫晓碎 Tue, 06 Mar 2012 08:27:30 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-16157 老师，你好，看到这个滑动门的方法让我联想到我现在遇到的问题，我的背景图片是上下渐变的，顶端和末端都有图片，与这个案例类似，只是你的是横向不上下渐变的，我的是纵向上下渐变的，我页面内部的内容相当于你的内部文字，我是想怎样才能够让背景图片随着内部内容的高度而自动伸缩却不影响整体布局啊？代码我绝大部分都用的绝对定位，现在改起来很麻烦，我也不会改，所以看到了这篇文章看到了希望，所以向老师讨教讨教，先谢谢了O(∩_∩)O~ 老师，你好，看到这个滑动门的方法让我联想到我现在遇到的问题，我的背景图片是上下渐变的，顶端和末端都有图片，与这个案例类似，只是你的是横向不上下渐变的，我的是纵向上下渐变的，我页面内部的内容相当于你的内部文字，我是想怎样才能够让背景图片随着内部内容的高度而自动伸缩却不影响整体布局啊？代码我绝大部分都用的绝对定位，现在改起来很麻烦，我也不会改，所以看到了这篇文章看到了希望，所以向老师讨教讨教，先谢谢了O(∩_∩)O~

]]> 作者: 千百度 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15797 千百度 Wed, 28 Dec 2011 03:36:35 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15797 老师，你太幽默了 老师，你太幽默了

]]> 作者: fc_lamp http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15769 fc_lamp Tue, 20 Dec 2011 07:17:09 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15769 哇哦，老师发表留言的效果做的不错哦~~顶~~ 哇哦，老师发表留言的效果做的不错哦~~顶~~

]]> 作者: fc_lamp http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15768 fc_lamp Tue, 20 Dec 2011 07:16:19 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15768 老师，可否说说 span标签里为何要添加一个 display 属性呐？ 老师，可否说说 span标签里为何要添加一个 display 属性呐？

]]> 作者: long http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15439 long Sun, 25 Sep 2011 06:01:31 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15439 哈哈，，，不错的CSS技巧 哈哈，，，不错的CSS技巧

]]> 作者: 云浮网 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15322 云浮网 Fri, 09 Sep 2011 01:47:47 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-15322 呵呵 支持啦 www.dhszz.com 呵呵 支持啦 www.dhszz.com

]]> 作者: lee http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14531 lee Wed, 06 Apr 2011 07:15:59 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14531 看到老师给的回复,好激动啊.老师能一个个亲自回答我们的问题,这种精神让我折服.给了我更强大的学习动力.向老师敬礼.谢谢老师. 看到老师给的回复,好激动啊.老师能一个个亲自回答我们的问题,这种精神让我折服.给了我更强大的学习动力.向老师敬礼.谢谢老师.

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14525 温谦 Mon, 04 Apr 2011 06:32:23 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14525 张衡， 你好，地动仪都能造出来， Web不难学！加油！ 张衡，

你好，地动仪都能造出来， Web不难学！加油！

]]> 作者: 张衡 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14512 张衡 Sun, 03 Apr 2011 10:21:58 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14512 WEB好难学啊 WEB好难学啊

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14305 温谦 Wed, 23 Mar 2011 00:32:48 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14305 lee ， 你说的对，h3里面的padding-left是为了露出左侧的花纹，span里的padding-right是为了对称，使得里面的文字居中，如果没有它，蚊子就会偏有一点点了。 上次的回答我看错读者的问题了。 谢谢！欢迎常来这里交流！ lee ，

你说的对，h3里面的padding-left是为了露出左侧的花纹，span里的padding-right是为了对称，使得里面的文字居中，如果没有它，蚊子就会偏有一点点了。

上次的回答我看错读者的问题了。

谢谢！欢迎常来这里交流！

]]> 作者: lee http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14302 lee Tue, 22 Mar 2011 13:41:20 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-14302 即使在span中不写这个padding-right:40px，也能有图案露出来。我感觉是为了不让文字离右边太近，以防遮住图案。不知道我想的对不对。讨教一下。。谢谢 即使在span中不写这个padding-right:40px，也能有图案露出来。我感觉是为了不让文字离右边太近，以防遮住图案。不知道我想的对不对。讨教一下。。谢谢

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-13985 温谦 Wed, 23 Feb 2011 12:47:52 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-13985 白龙马 , 这个就是滑动门的关键，为了空出一段距离，好露出图案。 白龙马 ,

这个就是滑动门的关键，为了空出一段距离，好露出图案。

]]> 作者: 白龙马 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-13979 白龙马 Tue, 22 Feb 2011 10:59:17 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-13979 为什么span有个padding-right:40px 为什么span有个padding-right:40px

]]> 作者: haha21 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-13611 haha21 Thu, 25 Nov 2010 15:09:57 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-13611 可以嵌套吗 可以嵌套吗

]]> 作者: http://ec.hynu.cn http://learning.artech.cn/20071105.css-slide-door-application.html#comment-12799 http://ec.hynu.cn Sun, 27 Jun 2010 00:48:04 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-12799 模板现在基本上没有什么用了，它只是为了使代码重用，将网页不需要改动的部分作为一个模板，如果你懂代码，也可以把那些不需要改动的代码拷贝过去一样的 模板现在基本上没有什么用了，它只是为了使代码重用，将网页不需要改动的部分作为一个模板，如果你懂代码，也可以把那些不需要改动的代码拷贝过去一样的

]]> 作者: 钟渚华 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-12798 钟渚华 Fri, 25 Jun 2010 08:28:48 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-12798 您好！我想知道，dreamweaver中的模板到底要怎么用，上网找了好多，都没有详细的代码解释！ 您好！我想知道，dreamweaver中的模板到底要怎么用，上网找了好多，都没有详细的代码解释！

]]> 作者: klcd http://learning.artech.cn/20071105.css-slide-door-application.html#comment-12711 klcd Wed, 09 Jun 2010 05:03:58 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-12711 呵呵，终于找到书了，看到里面的网址，故上来看下http://www.chinanet5.com 呵呵，终于找到书了，看到里面的网址，故上来看下http://www.chinanet5.com

]]> 作者: 水清沙白 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-11723 水清沙白 Fri, 08 Jan 2010 02:05:49 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-11723 你好，看了你们网站的css技术方面的视频教程，受益匪浅，自己试着在下拉菜单效果的基础上修改成自己想要的效果， 想把菜单项dd中的内容加宽显示，但是定义dd的宽度，或者在dd中加入div定义宽度，出现的问题是，鼠标经过dt,dt>宽度也会变的和定义的dd一样宽，效果走样。不知道这样的问题该如何解决呢？多谢！ 你好，看了你们网站的css技术方面的视频教程，受益匪浅，自己试着在下拉菜单效果的基础上修改成自己想要的效果， 想把菜单项dd中的内容加宽显示，但是定义dd的宽度，或者在dd中加入div定义宽度，出现的问题是，鼠标经过dt,dt>宽度也会变的和定义的dd一样宽，效果走样。不知道这样的问题该如何解决呢？多谢！

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-7984 温谦 Thu, 12 Mar 2009 07:30:09 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-7984 你好， 好久不见了，生意好啊？ 你好，

好久不见了，生意好啊？

]]> 作者: baby880 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-7831 baby880 Thu, 05 Mar 2009 09:26:01 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-7831 我的问题真好。哈哈！以后提多一点。 我的问题真好。哈哈！以后提多一点。

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-4722 温谦 Fri, 12 Sep 2008 01:08:09 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-4722 csser， 希望我们的书对您有所帮助，有问题可以到这里或者我们的论坛发帖讨论！ csser，

希望我们的书对您有所帮助，有问题可以到这里或者我们的论坛发帖讨论！

]]> 作者: csser http://learning.artech.cn/20071105.css-slide-door-application.html#comment-4700 csser Thu, 11 Sep 2008 03:50:13 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-4700 书终于到了，好好看看，希望有所提高！！ 书终于到了，好好看看，希望有所提高！！

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-623 温谦 Tue, 06 Nov 2007 23:59:24 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-623 袁马飞读者，您好！ 您太谦虚了，我们这里介绍的方法实际上也是前人研究出来的方法。我们为了准备写《CSS设计彻底研究》这本书，看了很多很多国外设计师的文章和资料，基本上2003-2004年是CSS的各种技术发展和成熟最快的一段时间，现在基本上已经定型了。我们在新书里对于这些方法都给出了出处和发明他们的设计师是谁，读者有兴趣，还可以做更深入的研究。 这里介绍的这种方法是一个非常通用的方法，所以它才会有一个固定的名字叫“滑动门”，这种方法在很多地方都非常有用，只要是希望能够适应宽度，都应该试试这种方法。 你用的4个div也可以，不过提醒您注意的是，从您的解决方案可以看出，你使用表格布局已经很熟练，头脑中表格布局的思想已经很深，实际上，使用CSS布局，一定要改变思想方法，用CSS的思想去解决问题，往往能够找到很有趣的解决方案。 袁马飞读者，您好！

您太谦虚了，我们这里介绍的方法实际上也是前人研究出来的方法。我们为了准备写《CSS设计彻底研究》这本书，看了很多很多国外设计师的文章和资料，基本上2003-2004年是CSS的各种技术发展和成熟最快的一段时间，现在基本上已经定型了。我们在新书里对于这些方法都给出了出处和发明他们的设计师是谁，读者有兴趣，还可以做更深入的研究。

这里介绍的这种方法是一个非常通用的方法，所以它才会有一个固定的名字叫“滑动门”，这种方法在很多地方都非常有用，只要是希望能够适应宽度，都应该试试这种方法。

你用的4个div也可以，不过提醒您注意的是，从您的解决方案可以看出，你使用表格布局已经很熟练，头脑中表格布局的思想已经很深，实际上，使用CSS布局，一定要改变思想方法，用CSS的思想去解决问题，往往能够找到很有趣的解决方案。

]]> 作者: 袁马飞 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-622 袁马飞 Tue, 06 Nov 2007 19:53:06 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-622 我真的非常感谢你们!你们能够抽一点时间回答我的问题我感到很高兴。你把这个问题用到这么简单的方法去解决，我受益不少的啊！呵呵！ 在我写信给你们之后，我自己也研究出一种方法。可是我用到的方法实在太复杂了！我定义四个DIV。把中间色值的图片作为第一个DIV的背色，第二个DIV用左边的花纹，第三个DIV作为文字标题，第四个DIV作为右边花纹。重要在于第四个DIV，（float:right;clear:both）。 我在于这里再次感谢你们，我期待你们的新书。新书一出，记得第一时间通知我。 我真的非常感谢你们!你们能够抽一点时间回答我的问题我感到很高兴。你把这个问题用到这么简单的方法去解决，我受益不少的啊！呵呵！
在我写信给你们之后，我自己也研究出一种方法。可是我用到的方法实在太复杂了！我定义四个DIV。把中间色值的图片作为第一个DIV的背色，第二个DIV用左边的花纹，第三个DIV作为文字标题，第四个DIV作为右边花纹。重要在于第四个DIV，（float:right;clear:both）。

我在于这里再次感谢你们，我期待你们的新书。新书一出，记得第一时间通知我。

]]> 作者: 温谦 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-620 温谦 Tue, 06 Nov 2007 09:33:37 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-620 东方星，你好！ 目前我们手没有非常好的.net实例，不过如果你希望学习.net的话，参考书和资料应该还是不少的。到网上搜一搜，应该可以找到不少，如果希望系统学习，找一本带有比较适当的案例的书，按部就班地研究一遍，效果应该不错！ 东方星，你好！

目前我们手没有非常好的.net实例，不过如果你希望学习.net的话，参考书和资料应该还是不少的。到网上搜一搜，应该可以找到不少，如果希望系统学习，找一本带有比较适当的案例的书，按部就班地研究一遍，效果应该不错！

]]> 作者: 东方星 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-615 东方星 Tue, 06 Nov 2007 01:01:26 +0000 http://learning.artech.cn/20071105.css-slide-door-application.html#comment-615 制作网业能给我几个。NET的事例吗 谢谢 制作网业能给我几个。NET的事例吗 谢谢

]]>