-1、右侧弹出导航菜单完整代码 复制代码 代码如下: 右侧弹出导航菜单--柯乐义 <BR>.my_left_category{ <BR>width:150px; <BR>font-size:12px; <BR>font-family:arial,sans-serif; <BR>letter-spacing:2px; <BR>} <BR>.my_left_category h1{ <BR>background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/top.gif); <BR>height:20px; <BR>background-repeat:no-repeat; <BR>font-size:14px; <BR>font-weight:bold; <BR>padding-left:15px; <BR>padding-top:8px; <BR>margin:0px; <BR>color:#FFF; <BR>} <BR>.my_left_category .my_left_cat_list{ <BR>width:148px; <BR>border-color:#b60134; <BR>border-style:solid; <BR>border-width:0px 1px 1px 1px; <BR>line-height:13.5pt; <BR>} <BR>.my_left_category .my_left_cat_list h2 { <BR>margin:0px; <BR>padding:3px 5px 0px 9px; <BR>} <BR>.my_left_category .my_left_cat_list h2 a { <BR>color:#d6290b; <BR>font-weight:bold; <BR>font-size:14px; <BR>line-height:22px; <BR>} <BR>.my_left_category .my_left_cat_list h2 a:hover { <BR>color:#d6290b; <BR>font-weight:bold; <BR>font-size:14px; <BR>line-height:22px; <BR>} <BR>.my_left_category .h2_cat{ <BR>width:148px; <BR>height:26px; <BR>background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/right.gif); <BR>background-repeat:no-repeat; <BR>line-height:26px; <BR>font-weight:normal; <BR>color:#333333; <BR>position:relative; <BR>} <BR>.my_left_category .h2_cat_1{ <BR>width:148px; <BR>height:26px; <BR>background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/line.gif); <BR>background-repeat:no-repeat; <BR>line-height:26px; <BR>font-weight:normal; <BR>color:#333333; <BR>position:relative; <BR>} <BR>.my_left_category a{ <BR>font:12px; <BR>text-decoration:none; <BR>color:#333333; <BR>} <BR>.my_left_category a:hover{ <BR>text-decoration:underline; <BR>color:#ff3333; <BR>} <BR>.my_left_category h3{ <BR>margin:0px; <BR>padding:0px; <BR>height:26px; <BR>font-size:12px; <BR>font-weight:normal; <BR>display:block; <BR>padding-left:8px; <BR>} <BR>.my_left_category h3 span{color:#999999; width:145px; float:right;} <BR>.my_left_category h3 a{ line-height:26px;} <BR>.my_left_category .h3_cat{ <BR>display:none; <BR>width:204px; <BR>position:absolute; <BR>left:123px; <BR>margin-top:-26px; <BR>cursor:auto; <BR>} <BR>.my_left_category .shadow{ <BR>position:inherit; <BR>background:url(http://www.keleyi.com/keleyi/phtml/rightmenu/back.gif) left top; <BR>width:204px; <BR>} <BR>.my_left_category .shadow_border{ <BR>position:inherit; <BR>width:200px; <BR>border:1px solid #959595; margin-top:1px; <BR>border-left-width:0px; <BR>background:url(http://www.keleyi.com/keleyi/phtml/rightmenu/height.gif) no-repeat 0px 21px; <BR>background-color:#ffffff; <BR>margin-bottom:3px <BR>} <BR>.my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px} <BR>.my_left_category .shadow_border ul li { <BR>list-style:none; <BR>padding-left:10px; <BR>background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/justright.gif); <BR>background-repeat:no-repeat; <BR>background-position:0px 8px; <BR>float:left; <BR>width:75px; <BR>height:26px; <BR>overflow:hidden; <BR>letter-spacing:0px; <BR>} <BR>.my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;} <BR>.my_left_category .active_cat h3 { font-weight:bold} <BR>.my_left_category .active_cat h3 span{ display:none;} <BR>.my_left_category .active_cat div{display:block;} <BR> 分类导航 按网站类别 企业建站 LOGO设计 网站设计 网站广告 推广 建网站 柯乐义 网站建设 SEO 韩国男装 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 韩国童装 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 按品牌选货 热销推荐 柯乐义 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 网站建设 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 推广 建网站 网站推广 推广 建网站 网站推广 网站建设 SEO 网站制作 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 网站建设 LOGO设计 网站设计网站设计网站设计网站设计 网站广告 推广 建网站 网站推广 网站建设 SEOqqqqqqqqeeeeqqqqqqq 网站程序 PHP ASP JSP ASP.Net 其他网站 按价格选货 低端价位 50元以下 50-100元 中高端价位 100-150元 150-200元 200-300元 300元以上 超值特价区 现货区 0、下方弹出导航菜单代码 复制代码 代码如下: css+div+js下拉菜单导航--柯乐义 <BR>*{margin:0;padding:0;list-style-type:none;} <BR>body{padding:0;margin:0;font-size:12px;color:#fff;font-family:arial, helvetica, sans-serif;background:#fff;} <BR>#nav{left:0px;right:0px;width:600px;position:fixed;margin-left:auto;margin-right:auto;top:175px;height:30px;} <BR>#nav li{float:left;text-align:center;} <BR>#nav li a{float:left;width:100px;color:#336601;text-decoration:none;padding:3px 5px 0 5px;} <BR>#nav li a:hover{float:left;width:88px;color:#fff;background:#539d26;text-decoration:none;padding:3px 3px 0 20px;} <BR>.list{font-weight:normal;line-height:20px;text-align:left;padding:4px;} <BR>.menu1{border:#9cdd75 1px solid;overflow-y:hidden;margin:6px 4px 0px 0px;width:120px;cursor:pointer;color:#336601;padding-top:6px;background:#f1fbec;moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;} <BR>.menu2{border:#eee8dd 1px solid;overflow-y:hidden;margin:6px 4px 0px 0px;width:120px;cursor:pointer;color:#999;padding-top:6px;height:18px;background:#f5f5f5;} <BR> <!-- <BR>google_ad_client = "ca-pub-7740261255677392"; <BR>google_ad_slot = "8839078091"; <BR>google_ad_width = 728; <BR>google_ad_height = 90; <BR>//--> <BR> src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> <BR> Javascript js中substring 客户端代码着色 js实现代码着色 11个js技巧 tab切换样式 js获取可见域宽 js导航菜单 jQuery 左侧可弹出div jquery修改a标签 纯文本返回顶部 jquery倒计时 div(tab)切换 选项卡切换 单行文字滚动 DIV到顶固定 修饰title气泡 C# 删除文本空白行 生成图片验证码 生成唯一字符串 向文件写入文本 用IgnoreRoute忽略路径 RouteCollection类 柯乐义图片压缩类 CMS KeleyiCMS更新 柯乐义留言板介绍 1、 复制代码 代码如下: 无标题文档 <BR>*{ <BR>padding:0; <BR>margin:0; <BR>} <BR>#tab <BR>{ <BR>width:400px; <BR>position:relative; <BR>margin:0 auto; <BR>margin-top:100px; <BR>} <BR>#tab div <BR>{ <BR>display:none;/*让选项卡内容在没有激活的时候不显示*/ <BR>position:absolute; <BR>top:24px;/*选项卡标题的高度是24px*/ <BR>left:0; <BR>width:398px; <BR>border:solid #d4d3d3; <BR>border-width:0 1px 1px; <BR>} <BR>#tab .blank <BR>{ <BR>display:block; <BR>padding-bottom:10px;/*让激活的选项卡内容区域最低端的文字不贴着元素底部*/ <BR>} <BR>#tab h3 <BR>{ <BR>width:98px; <BR>float:left; <BR>height:24px; <BR>border:1px solid #cccccc; <BR>text-align:center; <BR>font-size:14px; <BR>font-weight:normal; <BR>line-height:24px; <BR>background:url(images/51.jpg) no-repeat; <BR>cursor:pointer;/*让鼠标移动到选项卡标题上的时候变成手的形状*/ <BR>} <BR>#tab .up <BR>{ <BR>background:url(images/61.jpg) no-repeat; <BR>} <BR>#tab ul <BR>{ <BR>margin:15px 0 0;/*让列表项文字离选项卡标题的下端远一点*/ <BR>padding:0; <BR>} <BR>#tab ul,#tab li <BR>{ <BR>list-style:none; <BR>} <BR>#tab li <BR>{ <BR>width:47.9%;/*这里用百分比的作用可以解决IE6中的宽度解析问题*/ <BR>height:22px; <BR>line-height:22px;/*这两行的作用是设置li的高度,并将li中的文字内容上下居中显示*/ <BR>float:left; <BR>margin:0 1%; <BR>border-bottom:1px dashed #cccccc; <BR>text-indent:10px; <BR>display:inline;/*修改IE6中的双倍间距的bug问题*/ <BR>white-space:nowrap; <BR>text-overflow:ellipsis; <BR>overflow: hidden;/*这三行的作用是,如果li中的文字内容超过li的大小,则超出的部分用省略号显示*/ } <BR>#tab li a <BR>{ <BR>font-size:12px; <BR>text-decoration:none; <BR>color:#333333; <BR>text-indent:10px; <BR>} <BR>#tab li a:hover <BR>{ <BR>text-decoration:underline; <BR>color:red; <BR>} <BR>#tab a:hover h3 <BR>{ <BR>border:1px solid #cccccc; <BR>border-bottom:0px; <BR>} <BR> 选项一 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 选项二 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 选项三 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 新观察:底层社会我们了解多少 选项四 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 俄罗斯将于明夏加入世界贸易组织 <BR><!-- <BR>var h=document.getElementById("tab").getElementsByTagName("h3"); <BR>var d=document.getElementById("tab").getElementsByTagName("div"); <BR>function go_to(ao) <BR>{ <BR>for(var i=0;i<h.length;i++) <BR>{ <BR>if(ao-1==i) <BR>{ <BR>h[i].className="up"; <BR>d[i].className="blank"; <BR>} <BR>else <BR>{ <BR>h[i].className=" "; <BR>d[i].className=" "; <BR>} <BR>} <BR>} <BR>//--> <BR> 2、选项卡用 第一个 第二个 复制代码 代码如下: <BR>window.onload = function(){ <BR>var li = document.getElementById("myItem").getElementsByTagName("li"); <BR>for(var i=0;i<li.length;i++){ <BR>(function(){ <BR>li[a].onmouseover = function(){ <BR>this.style.display="block"; <BR>} <BR>li[a].onmouseout = function(){ <BR>this.style.display ="none"; <BR>} <BR>})(i); <BR>} <BR>} <BR> 3、 复制代码 代码如下: <BR>function displaySubMenu(ITstudy_cn) { <BR>var subMenu = document.getElementById(ITstudy_cn); <BR>subMenu.style.display = "block"; <BR>} <BR>function hideSubMenu(ITstudy_cn) { <BR>var subMenu = document.getElementById(ITstudy_cn); <BR>subMenu.style.display = "none"; <BR>} <BR> <BR>* { padding:0; margin:0;} <BR>body { text-align: center; font-family: "宋体",arial;border: 0; background: #FFF; font-size:12px; color:#000;} <BR>/* 页头下拉菜单 */ <BR>#navigation { <BR>margin:2px; <BR>} <BR>#navigation, #navigation li ul { <BR>list-style-type:none; <BR>} <BR>#navigation li { <BR>float:left; text-align:center; position:relative; <BR>} <BR>#navigation li a:link, #navigation li a:visited { <BR>display:block; text-decoration:none; <BR>} <BR>#navigation li a:hover { <BR>color:#fff; background:#2687eb; <BR>} <BR>#navigation li ul li a:hover { <BR>color:#990000; background:#d6ecfd; text-decoration:underline; <BR>} <BR>#navigation li ul { <BR>display:none; position:absolute; width:90px; <BR>top:13px; left:-45px; padding:5px; border:1px solid #d6ecfd;background-color:#f2f9fe; <BR>} <BR> 首页 | 风格 恢复默认设置 深度空间风格 IT学习网风格