2011 年 4月随笔档案 - 网页代码站

来自老外用jquery实现的内容隐藏代码

摘要：代码简介：jquery实现的，代码简介，很实用，单击箭头可隐藏其他，显示其单击的内容，很不错的，您运行一下就知道了。代码内容：<!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.org/1999/xhtml"><head><meta http-equiv 阅读全文

posted @ 2011-04-30 10:00 网页代码站阅读(496) 评论(0) 推荐(0) 编辑

【荐】jQuery+Css打造位于网页顶部漂亮黄色下拉导航

摘要：代码简介：一款jquery制作的下拉风格导航，用在网页的顶部，大气又不占地方，值得推荐给您，单击运行，您就能看见效果。代码内容：<!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.org/1999/xhtml"><head><meta http-equi 阅读全文

posted @ 2011-04-30 09:59 网页代码站阅读(1593) 评论(0) 推荐(0) 编辑

【棒】很全的各种web2.0的滑动菜单-Tab-选项卡-横向-竖向

摘要：代码简介：【棒】很全的各种web2.0的滑动菜单-Tab-选项卡-横向-竖向，有些同志曾经为同一个页面布置两个滑动门而烦恼，参考一下本例子，相信你会找到答案，而且有各种排列方式的选项卡，总有一款会满足你。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" la 阅读全文

posted @ 2011-04-29 09:07 网页代码站阅读(809) 评论(0) 推荐(0) 编辑

很简单的CSS黑色线条滑动门代码

摘要：代码简介：简约的纤细线条型CSS滑动门，很简单，但是很实用！代码内容：<html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>很简单的CSS黑色线条滑动门代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body,div,ul,li{ margin:0 auto; paddin 阅读全文

posted @ 2011-04-29 09:06 网页代码站阅读(569) 评论(0) 推荐(0) 编辑

AJAX实现页面选项卡、隔行换色、弹出层功能代码

摘要：代码简介：AJAX实现页面选项卡、隔行换色、弹出层功能代码代码内容：<!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.org/1999/xhtml"><head><meta http-equiv="Content-Type" con 阅读全文

posted @ 2011-04-28 13:52 网页代码站阅读(445) 评论(0) 推荐(0) 编辑

滑动门与选项卡互转的实现方法代码

摘要：代码简介：滑动门和选项卡在布局和结构方面几乎是一样的，唯一不同的是触发方式，这个是由JavaScript决定的，大致来讲就是将onmouseover改为onclick就行了，本款选项卡以前是款比较流行的滑动门，现在改成了选项卡，大家看看有什么区别。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt 阅读全文

posted @ 2011-04-28 13:50 网页代码站阅读(265) 评论(0) 推荐(0) 编辑

一款横向、竖向两个选项卡Tab一起联动的导航代码

摘要：代码简介：横向、竖向人两个选项卡，其卡片内容是一样的，只不过多了一个操作途径，当点击一个选项卡的时候，另一个选项卡同样会指示出当的选项卡位置，也就是两者的功能是相同的，很巧妙的布局方法。代码内容：<!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.org/1999/xhtml" 阅读全文

posted @ 2011-04-27 10:24 网页代码站阅读(865) 评论(2) 推荐(0) 编辑

类似Sina新浪滑动门代码

摘要：代码简介：仿新浪网的滑动门，黄色经典，操作舒适度确实很舒服，不亏是门户哦，长度和宽度这个就要自己修改啦，布局紧凑合理，本人喜欢的风格。代码内容：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charse 阅读全文

posted @ 2011-04-27 10:24 网页代码站阅读(295) 评论(0) 推荐(0) 编辑

JS+CSS竖向折叠滑动菜单代码

摘要：代码简介：折叠菜单，竖向展开，点击时缓慢展开，展开后可以作为菜单的栏目介绍等，还算不错。代码内容：<!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.org/1999/xhtml"><head><meta http-equiv="Content 阅读全文

posted @ 2011-04-26 09:11 网页代码站阅读(672) 评论(0) 推荐(0) 编辑

CSS绿色二级下拉菜单代码

摘要：代码简介：配色很舒服的纯CSS二级下拉菜单，没有用到JS，全部是CSS代码，拷贝即可使用，你可以根据自己的需要升级改造，还是很值得借鉴的。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtm 阅读全文

posted @ 2011-04-26 09:10 网页代码站阅读(405) 评论(0) 推荐(0) 编辑

出现在页面左侧鼠标指向滑出的导航菜单代码

摘要：代码简介：从页面左侧滑出的导航菜单，响应鼠标运作，鼠标放上从左侧缓慢移出，鼠标移走则菜单自动隐藏。代码内容：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>出现在页面左侧鼠标指向滑出的导航菜单代码_网页代码站(www.webdm.cn)</title><style><!--#ssm2 A { color:black; text-decoration:no 阅读全文

posted @ 2011-04-25 09:50 网页代码站阅读(656) 评论(0) 推荐(0) 编辑

蓝色经典简洁的CSS滑动门代码

摘要：代码简介：蓝色经典简洁的CSS滑动门代码，来自经典论坛，很多网站都见到过这种，代码并不多，非常实用。响应鼠标滑过而不是点击鼠标才切换，适你的需要了，滑动门的灵魂所在。代码内容：<!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.org/1999/xhtml"><he 阅读全文

posted @ 2011-04-25 09:48 网页代码站阅读(470) 评论(0) 推荐(0) 编辑

CSS+JS灰色树型菜单导航代码

摘要：代码简介：CSS+JS打造的树型菜单，没有怎么美化，颜色看上去也不很美，提供一种思路，真想用的朋友好好修改一下颜色，里面都有注释，相信通过你的努力，它最终的效果一定很漂亮。代码内容：<!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.org/1999/xhtml">< 阅读全文

posted @ 2011-04-24 11:40 网页代码站阅读(400) 评论(0) 推荐(0) 编辑

橘黄兼容好的TAB选项卡代码

摘要：代码简介：兼容性很好的TAB选项卡，兼容目前常用的IE,FF,Opera,Safari,Chrome等各种浏览器，它的扩展也非常好，可以无限制在同一页面上添加任意个选项卡，而并不需要增加过多的代码。代码内容：<!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.org/1999/xhtml 阅读全文

posted @ 2011-04-24 11:39 网页代码站阅读(284) 评论(0) 推荐(0) 编辑

纯CSS无JS实现灰色下拉导航菜单代码

摘要：代码简介：纯CSS下拉式导航菜单，支持IE6、IE7、Firefox，没有用到任何JavaScript，修改方便，而且效果也不错。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=&quo 阅读全文

posted @ 2011-04-23 08:41 网页代码站阅读(408) 评论(0) 推荐(0) 编辑

用CSS实现竖向圆角效果的折叠菜单代码

摘要：代码简介：用CSS实现圆角效果，竖向排列，可折叠、可展开，自动响应鼠标运作，内容定制方便，希望你喜欢。代码内容：<html><head><title>用CSS实现竖向圆角效果的折叠菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--#menu { font-size:12px; height:380px; margin:0; padding:0; width:180px; overflow:hidden; background:#f0f0f0; 阅读全文

posted @ 2011-04-23 08:40 网页代码站阅读(521) 评论(0) 推荐(1) 编辑

用JS+CSS写左侧可隐藏的展开、折叠菜单代码

摘要：代码简介：代码内容：<html><head><title>用JS+CSS写左侧可隐藏的展开、折叠菜单代码_网页代码站(www.webdm.cn)</title> <script language="JavaScript1.2" type="text/javascript"> var maxmnus = 5 function opTab(){ var mnu = document.getElementById("menubar") var arrdiv = document.g 阅读全文

posted @ 2011-04-22 11:02 网页代码站阅读(1425) 评论(2) 推荐(0) 编辑

用CSS实现WinVista风格的菜单代码

摘要：代码简介：用CSS代码实现的Vista风格样式的菜单，是不是很清爽，美感十足，看了就很喜欢，圆角的菜单。代码内容：<!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.org/1999/xhtml" xml:lang="en" lang="en&qu 阅读全文

posted @ 2011-04-22 11:01 网页代码站阅读(331) 评论(0) 推荐(0) 编辑

【荐】鼠标放上弹出下拉菜单的代码

摘要：代码简介：非常棒的一款代码，鼠标指向文字后显示对应的内容，JS配合CSS实现的。代码内容：<!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.org/1999/xhtml"><head><title>【荐】鼠标放上弹出下拉菜单的代码_网页代码站(w 阅读全文

posted @ 2011-04-21 08:24 网页代码站阅读(619) 评论(0) 推荐(0) 编辑

div+css+js打造的一款菜单的收缩与展开代码

摘要：代码简介：DIV+CSS+JavaScript二者结合实现一个独特的展开/收缩菜单，实际上是用JS控制某一元素的显示与隐藏，这种效果比较不错，可以用到解释说明某些产品的技术参数等部分。代码内容：<!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.org/1999/xhtml"& 阅读全文

posted @ 2011-04-21 08:22 网页代码站阅读(817) 评论(0) 推荐(0) 编辑

红色背景的CSS菜单代码

摘要：代码简介：配色极舒服的CSS菜单条，背景色采用红色、菜单链接采用白色边框相配合，看上去清新自然，而且是用纯CSS代码实现，直接拷贝代码就可使用。代码内容:<!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.org/1999/xhtml"><head><m 阅读全文

posted @ 2011-04-20 09:36 网页代码站阅读(808) 评论(0) 推荐(0) 编辑

五颜六色的弹性下拉导航菜单代码

摘要：代码简介：弹性十足的个性化导航菜单，鼠标点击后像弹簧一样弹开，缓慢稳定结束，菜单里可以放上图片和文字，或者是列表内容，基于CSS+JS实现，比较实用。代码内容：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>五颜六色的弹性下拉导航菜单代码_网页代码站(www.webdm.cn)</title> <style type="text/css" 阅读全文

posted @ 2011-04-20 09:34 网页代码站阅读(411) 评论(2) 推荐(1) 编辑

【教程】简单滑动门代码

摘要：代码简介：一个通用型CSS+JavaScript滑动门封装类，风格属简洁型，当然，颜色和样式你可以自己修改。代码内容：<!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.org/1999/xhtml"><head><meta http-equiv=&qu 阅读全文

posted @ 2011-04-19 09:05 网页代码站阅读(539) 评论(0) 推荐(0) 编辑

蓝色风格的JS+CSS个性菜单代码

摘要：代码简介：CSS+JS个性菜单，还会抖动哦，蓝色风格，代码有点复杂，不是很实用，只为研究一个JS技术吧。代码内容：<html><head><title>蓝色风格的JS+CSS个性菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--.t { filter: Alpha(Opacity=50)}td { font-size: 12px; line-height: 22px}a:link { color: #FFF; text-decoration: 阅读全文

posted @ 2011-04-19 09:04 网页代码站阅读(365) 评论(0) 推荐(0) 编辑

网页顶部隐藏css菜单代码

摘要：代码简介：隐藏在顶部的菜单，类似QQ最小化时的窗口一样，浮动在屏幕的最上方，鼠标放上去会自动展开，这是基本的实现步骤，如果喜欢的话，颜色什么的你自己改一下。代码内容：<html><head><title>网页顶部隐藏css菜单代码_网页代码站(www.webdm.cn)</title><style>#D1 { BACKGROUND-COLOR: skyblue; BORDER: white 2px outset; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; 阅读全文

posted @ 2011-04-18 12:26 网页代码站阅读(923) 评论(2) 推荐(0) 编辑

DIV+JS实现可展开、折叠的菜单代码

摘要：代码简介：DIV+JS类QQ菜单，可展开折叠，小巧灵活，代码修改方便，菜单采用LI列表，用CSS可以统一去控制，有兴趣的可以再完善一下。代码内容：<html><head><title>DIV+JS实现可展开、折叠的菜单代码_网页代码站(www.webdm.cn)</title><style>td { cursor: hand; font-family: Tahoma; background-color: #0066cc; color: #fff; font-size: 9pt; }li { color: #FF0000; font-f 阅读全文

posted @ 2011-04-18 12:24 网页代码站阅读(1290) 评论(0) 推荐(0) 编辑

CSS写的青色漂亮导航菜单代码

摘要：代码简介：简洁型的CSS导航菜单，没有用到图片，但看着很舒服，老外网站的东西，CSS代码很简洁，复制代码即可使用。代码内容：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>CSS写的青色漂亮导航菜单代码_网页代码站(www.webdm.cn)</title><meta http-equiv="Content-Type" content="text/html; cha 阅读全文

posted @ 2011-04-17 12:00 网页代码站阅读(1292) 评论(0) 推荐(0) 编辑

Js+Css仿Flash效果导航菜单代码

摘要：代码简介：很动感的FLASH效果的DIV+Css网站导航菜单，竖向排列，响应鼠标运作，还有光照特效，很有动感的样子，界面也挺漂亮，值得收藏一下。代码内容：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Js+Css仿Flash效果导航菜单代码_网页代码站(www.webdm.cn)</title><style>body{ background-color: 阅读全文

posted @ 2011-04-17 11:51 网页代码站阅读(415) 评论(0) 推荐(0) 编辑

CSS绿色导航代码

摘要：代码简介：很漂亮、代码很简洁的CSS导航条，鼠标放上更换菜单背景颜色，简单才是应道理，希望你们喜欢。代码内容：<!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.org/1999/xhtml"><head><meta http-equiv="C 阅读全文

posted @ 2011-04-16 10:17 网页代码站阅读(1367) 评论(0) 推荐(0) 编辑

可自动定时切换的选项卡/滑动门导航代码

摘要：代码简介：这个滑动门特效不错，可以设定时间，自动循环切换，也可以鼠标控制，而且选项卡也比较漂亮，在新浪和百度见到过这种自动切换的TAB，很实用，代码也简洁。代码内容：<!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.org/1999/xhtml"><head> 阅读全文

posted @ 2011-04-16 10:16 网页代码站阅读(467) 评论(0) 推荐(0) 编辑

一款简单另类的CSS导航菜单代码

摘要：代码简介：很个性的一个CSS网站导航条，每个菜单的前端都有不同的颜色，有点与从不同，其实代码很简单，也容易修改。代码内容：<!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.org/1999/xhtml"><head><meta http-equiv=& 阅读全文

posted @ 2011-04-15 11:52 网页代码站阅读(357) 评论(0) 推荐(0) 编辑

JS+CSS仿admin5站长网首页导航菜单代码

摘要：代码简介：很好看的一款网站首页导航条，仿Admin5站长网的导航菜单风格，清新蓝色，结构清淅，基于CSS和JavaScript，修改及使用方便，美观大方。菜单条要用到5个GIF图片，点击运行后可自行保存一下。代码内容：<!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.org/1999/ 阅读全文

posted @ 2011-04-15 11:51 网页代码站阅读(451) 评论(0) 推荐(1) 编辑

简单JS滑动门代码

摘要：代码简介：简约型TABS选项卡，CSS滑动门代码，一个实现的基本雏形，重要的技术点已经帮你实现，至于你用时候怎么改，要自己发挥一下哦，无非是增加一个框内的ul、li列表，这个很好定义。代码内容：<!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.org/1999/xhtml"& 阅读全文

posted @ 2011-04-14 11:17 网页代码站阅读(517) 评论(0) 推荐(0) 编辑

来自腾讯QQ网站首页的选项卡菜单代码

摘要：代码简介：来自腾讯QQ网站首页的滑动门菜单，灰色风格，简洁清新，CSS+JS实现，可以一行两列显示，自动省略多出的内容，整齐美观，值得借鉴一下。代码内容：<!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.org/1999/xhtml"><head><m 阅读全文

posted @ 2011-04-13 12:03 网页代码站阅读(467) 评论(0) 推荐(0) 编辑

来自X-Menu 动感导航菜单代码（JS实现）

摘要：代码简介：X-Menu 动感导航菜单，效果很好。像FLASH动画一样，有兴趣的朋友好好研究一下。代码内容：<html><head><meta http-equiv="Content-Language" content="zh-cn"><title>来自X-Menu 动感导航菜单代码（JS实现）_网页代码站(www.webdm.cn)</title><style>.b{color=#000066;cursor:hand}.menu {font-family:Arial;cursor:D 阅读全文

posted @ 2011-04-13 11:59 网页代码站阅读(369) 评论(0) 推荐(0) 编辑

又一款绿色后台管理菜单代码（Js+Css）

摘要：代码简介：很不错的可以适合网站后台使用的纯CSS菜单，响应鼠标点击事件，类似有AJAX的效果，修改方便，代码含有丰富注释，新手朋友也能够轻易修改，颜色可调，代码段要用到一个关闭图片，请点击运行后自行下载。代码内容：<!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.org/1999/xh 阅读全文

posted @ 2011-04-12 11:34 网页代码站阅读(762) 评论(0) 推荐(0) 编辑

一款很个性的蓝色JS+CSS选项卡代码

摘要：代码简介：比较个性的网页选项卡，一改方方正正的风格，换为这种菱形的样式，看上去很生动，鼠标点击后切换，而非滑动门，代码段演示了在同一个网页中调用两个TAB选项卡，方便你的调用。代码内容：<!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.org/1999/xhtml">& 阅读全文

posted @ 2011-04-12 11:26 网页代码站阅读(591) 评论(0) 推荐(0) 编辑

很棒带阴影的JS+CSS滑动门菜单代码

摘要：代码简介：绝对值得一看的CSS滑动门，因为它在鼠标放上后自动弹出一个带阴影的层，无操作的情况下层会自动隐藏，这样更节省网页布局，而且它的风格也很清新，淘宝网有这种效果，没有用到任何修饰图片，绝对不容错过。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo 阅读全文

posted @ 2011-04-11 11:12 网页代码站阅读(413) 评论(0) 推荐(0) 编辑

很靓很大气的简约红色CSS菜单代码

摘要：代码简介：一款漂亮的CSS阴影菜单，可以有二级，不过用到了几个图片，查看演示的时候可以自行下载，红白相间，很清新的网站导航菜单条。代码内容：<!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.org/1999/xhtml"><head><title> 阅读全文

posted @ 2011-04-11 11:11 网页代码站阅读(496) 评论(0) 推荐(0) 编辑

仿微软中国的滑动门导航菜单代码

摘要：代码简介：模仿微软中国首页的CSS滑动门（TABS），竖向排列的选项卡，比较漂亮，要用到3个图片，点击运行可以看到效果，图片请自行下载。代码内容：<!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.org/1999/xhtml"><head><title 阅读全文

posted @ 2011-04-09 09:20 网页代码站阅读(506) 评论(0) 推荐(0) 编辑

漂亮红黑风格的CSS导航菜单代码

摘要：代码简介：红黑风格的CSS首页导航条，用作首页极棒了！用到有两个背景图片，查看演示时候可以下载，代码简洁，修改方便。代码内容：<!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.org/1999/xhtml"><head><title>漂亮红黑风格阅读全文

posted @ 2011-04-09 09:19 网页代码站阅读(336) 评论(0) 推荐(0) 编辑

用Cookie来保存菜单当前位置代码

摘要：代码简介：用JavaScript操作Cookie实现菜单保存的一个实例，如果你正在编写一个JS层拖动的功能，那么这段代码可以帮你实现拖动位置的保存，让浏览器去保存用户拖动网页某个层的位置，这样是不是方便了很多？代码内容：<!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.org/1999 阅读全文

posted @ 2011-04-08 00:29 网页代码站阅读(316) 评论(0) 推荐(0) 编辑

【教程】Css+Js写的清新选项卡、滑动门代码

摘要：代码简介：效果很不错的WEB网页TAB选项卡，另附一款滑动门，其实选项卡和滑动门的区别就是鼠标是否点击触发，如果鼠标滑过就触发的话那就是滑动门，点击触发也就是选项卡，两者结构及CSS几乎相同，不同在JS的的触发事件上，仔细看一下就会发现不同了。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http: 阅读全文

posted @ 2011-04-08 00:27 网页代码站阅读(319) 评论(0) 推荐(0) 编辑

单击单选按钮切换对应的菜单代码

摘要：代码简介：点击单选按钮，相对应的选项会跟着改变，这是一款非常实用的小技巧，很多时候我们都能用得上，这要归功于JavaScript的功劳；另外，本段代码也示例了用CSS布局表单的方法，那就是多用Lable，这样能产生一行一列的对应效果。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www 阅读全文

posted @ 2011-04-07 10:49 网页代码站阅读(616) 评论(0) 推荐(0) 编辑

鼠标滑动带动画下拉展开的滑动门代码

摘要：代码简介：这个滑动门真的太好了，在雅虎网站扒下来的，会动画展开的滑动门，你见过没？过一段时间会自动合上，在yahoo首页的邮箱登录处有这种效果，有兴趣可以比较一下。代码内容：<!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.org/1999/xhtml"><hea 阅读全文

posted @ 2011-04-07 10:48 网页代码站阅读(481) 评论(0) 推荐(0) 编辑

仿腾讯QQ的紫色下拉折叠菜单代码

摘要：代码简介：仿腾讯QQ风格一样的下拉菜单，可以伸缩和展开，点击鼠标可以控制，这种菜单大部分人都很喜欢，因为结构清淅，不占用网页布局过多的空间，基于DIV+CSS，符合WEB标准，真的很不错哦！代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="www.w3.org/1999/xhtml"><head 阅读全文

posted @ 2011-04-06 10:05 网页代码站阅读(308) 评论(0) 推荐(0) 编辑

很漂亮的蓝色经典CSS导航菜单代码

摘要：代码简介：很不错的一款蓝色风格经典的CSS导航菜单，只不过用到了几张背景图片，好像这些图片可以合并起来用，有兴趣用的朋友可以适当优化一下，从外观上来看，这款菜单还是非常好看的。代码内容：<!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.org/1999/xhtml">& 阅读全文

posted @ 2011-04-06 09:57 网页代码站阅读(1379) 评论(0) 推荐(0) 编辑

很漂亮的蓝色半透明水平下拉导航代码

摘要：代码简介：一个半透明的水平排行的导航菜单，支持二级下拉，蓝色风格，鼠标放上带有动画展开的效果，很不错，很漂亮。不过有点不爽的地方就是代码比较乱，而且用了JS去输出菜单，这样修改起来比较不方便，有时间的可以好好优化一下。代码内容：<!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.org/ 阅读全文

posted @ 2011-04-05 12:07 网页代码站阅读(673) 评论(0) 推荐(0) 编辑

类似新浪网的黑色导航菜单代码

摘要：代码简介：仿新浪网的一款黑色背景的网站导航菜单，采用DL、DL表格布局的风格，也可借机研究一下DD、DL是如何使用的，个人建议，最好是将DD、DL换为LI结构，这样更习惯一些，更多人会很容易接受。代码内容：<!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.org/1999/xhtml& 阅读全文

posted @ 2011-04-05 12:07 网页代码站阅读(462) 评论(0) 推荐(0) 编辑

红色小方块单击爆炸式展开的菜单代码

摘要：代码简介：不知道能给它起个什么名字，就叫做“爆炸式菜单”吧，因为它的效果很像是爆炸开了，鼠标点击后会以一个五角星为基准单元依次展开，可以有多次，像链式表一样。代码内容：<html><head><title>红色小方块单击爆炸式展开的菜单代码_网页代码站(www.webdm.cn)</title></head><body><style type="text/css">.dot { position: absolute; width: 6; height: 6; visibility: hidd 阅读全文

posted @ 2011-04-02 10:13 网页代码站阅读(465) 评论(0) 推荐(0) 编辑

JavaScript浮动的导航菜单代码

摘要：代码简介：浮动的导航菜单，实际上它是一个用JS去控制移动的DIV层，在层里放入表格，这里的表格你完全可以改成DIV结构。本菜单可随滚动条自动定位至原始位置，初始位置在JS代码里可修改。代码内容：<HTML><head><title>JavaScript浮动的导航菜单代码_网页代码站(www.webdm.cn)</title></head><body><script>if (!document.layers)document.write('<div id="divStayTopLeft&q 阅读全文

posted @ 2011-04-02 10:11 网页代码站阅读(807) 评论(0) 推荐(0) 编辑

鼠标停留在菜单上会闪烁的导航菜单代码

摘要：代码简介：鼠标放到菜单上，菜单前边的小图片会闪烁，其实不神秘，主要是用CSS定义a:hover，引入一个可以闪烁的小图标，这样当鼠标放上的时候，更换了原有的小图标，看上去是在闪烁。代码内容：<html><head><title>鼠标停留在菜单上会闪烁的导航菜单代码_网页代码站(www.webdm.cn)</title><style>.channel { width:350px; margin:12px 0px 0px 175px; height:30px; line-height:30px; text-align:center; }. 阅读全文

posted @ 2011-04-01 12:12 网页代码站阅读(337) 评论(0) 推荐(0) 编辑

停在网页顶部可关闭的工具条代码

摘要：代码简介：一款悬浮在网页顶部的工具条代码，实际上是一个嵌套进DIV的层窗口，在此窗口内你可以自由布局，或是一行文字，或是几个按钮，你还可以添加一个“关闭”功能，在很多网站我们都可以看到类似效果。代码内容：<html><head><title>停在网页顶部可关闭的工具条代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body { margin: 0px;padding: 0px;text-align: center;}TD {FONT-SIZE: 阅读全文

posted @ 2011-04-01 12:11 网页代码站阅读(335) 评论(0) 推荐(0) 编辑

04 2011 档案

公告