网页代码站 - 博客园

2011年8月

摘要：代码简介：鼠标经过图片由灰色变彩色，不少学CSS的朋友再问这效果怎么实现，本段代码只是其中一个的实现方法，这个方法有点笨，就是用两张完全一样的图片，只是一张灰色、一和彩色，用CSS定义鼠标经过切换两张图片而完成，虽然方法有点笨，但是兼容性非常好，不管是在IE、火狐或GG浏览器都兼容。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">< 阅读全文

posted @ 2011-08-03 10:50 网页代码站阅读(558) 评论(0) 推荐(0) 编辑

【荐】JS+CSS全力打造的一级横向滑动，二级竖向下拉综合菜单

摘要：代码简介：一级横向滑动，二级竖向下拉综合菜单，这个菜单一共是三级，前两级是滑动切换的方式，第三级主要是下拉菜单的形式，虽然简单的样式简约，但是实现他们其实是很复杂的，希望从事前端开发的朋友一同参考一下吧。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.o 阅读全文

posted @ 2011-08-02 10:17 网页代码站阅读(893) 评论(1) 推荐(0) 编辑

经典的蓝色JS+CSS下拉菜单

摘要：代码简介：纯CSS代码实现比较经典的蓝色风格下拉菜单，最多支持两级，适用于各种企业网站，新闻资讯类网站，效果挺棒的，不是吗？虽然没有用到过多的修饰，但给你的感觉清新、大方、简洁，符合现代网站的特点。代码内容：View Code <html><title>经典的蓝色JS+CSS下拉菜单_网页代码站(www.webdm.cn)</title><style>*{margin:0;padding:0;border:0;}#div_center{width:790px;height:23px;background:#003399;margin-left:a 阅读全文

posted @ 2011-08-02 10:14 网页代码站阅读(726) 评论(0) 推荐(0) 编辑

2011年7月

【荐】jQuery实现有动画淡出的二级折叠菜单

摘要：代码简介：jQuery有动画淡出的二级折叠菜单代码，相当不错，因考虑功能的实现，所以没有怎么美化，不过这样也好，可以给大家更多的空间来修饰美化，想怎么弄就怎么弄了。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><h 阅读全文

posted @ 2011-07-30 10:37 网页代码站阅读(578) 评论(0) 推荐(0) 编辑

纯CSS打造的一款简约的灰色下拉菜单

摘要：代码简介：纯CSS两级下拉菜单，见得多了吧？本款完全是用CSS实现，没有任何的JavaScript代码，兼容性方面在IE8下没问题，IE6/IE7尚未测试。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head& 阅读全文

posted @ 2011-07-30 10:36 网页代码站阅读(504) 评论(0) 推荐(0) 编辑

JS+CSS类似QQ好友/黑名单的树型菜单

摘要：代码简介：这个菜单堪称极品啊，不过里面的有些图标丢失了，路径还留在那，真想使用的朋友自己制作两个折叠菜单的图标按路径传上去就行了，这个菜单是模仿QQ面板的菜单功能，很多朋友还是很喜欢这种功能的，没想到用这么少的JS代码也可实现，值得代签哦。代码内容：View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>JS+CSS类似QQ好友/黑名单的树型菜单_网页代码站(www.webdm.cn)</TITLE>& 阅读全文

posted @ 2011-07-29 10:21 网页代码站阅读(413) 评论(0) 推荐(0) 编辑

jquery打造一个会自动播放样子也很经典的选项卡tab

摘要：代码简介：这个可是比较经典的选项卡啊，不但会自动播放，而且样式也很经典，基于jquery1.3.2的选项卡，结合了淡入淡出物资，感觉挺棒噢，不过代码稍嫌多，希望老手把代码优化一下哦。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml" 阅读全文

posted @ 2011-07-29 10:20 网页代码站阅读(532) 评论(0) 推荐(0) 编辑

jQuery实现选项卡Tab菜单滚动

摘要：代码简介：jQuery让你的Tab菜单滚动的代码,先运行一下看看效果咋样?是不是超不错,让你的网页变得灵动起来,不再静止,学习jquery的朋友也可作为范例来参考吧.代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><htmllang="en"><head><title>jQuery实现选项卡Tab菜单滚动_网页代码站(www.webdm.c 阅读全文

posted @ 2011-07-28 11:22 网页代码站阅读(892) 评论(0) 推荐(0) 编辑

【荐】CSS+JS打造简洁的滑动门TAB

摘要：代码简介：滑动TAB，滑动门，CSS+Js代码，貌似很不错的样子，风格经典，鼠标感应很不错，代码量少，用到网页上挺不错的。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>【阅读全文

posted @ 2011-07-28 11:22 网页代码站阅读(455) 评论(0) 推荐(0) 编辑

jQuery写淡入淡出的选项卡TAB菜单

摘要：代码简介：淡入淡出的Tab选项卡菜单，基于jQuery1.3.2类库，当用鼠标点击某个选项卡的时候，对应的内容渐渐出现，有种缓冲的感觉，这样人的眼睛更容易接受，可有效提升网站用户体验，也为网站增加一点动感元素。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/19 阅读全文

posted @ 2011-07-27 10:42 网页代码站阅读(484) 评论(0) 推荐(0) 编辑

公告