jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

-1、右侧弹出导航菜单完整代码
复制代码代码如下:

右侧弹出导航菜单－－柯乐义

.my_left_category{
width:150px;
font-size:12px;
font-family:arial,sans-serif;
letter-spacing:2px;
}
.my_left_category h1{
background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/top.gif);
height:20px;
background-repeat:no-repeat;
font-size:14px;
font-weight:bold;
padding-left:15px;
padding-top:8px;
margin:0px;
color:#FFF;
}
.my_left_category .my_left_cat_list{
width:148px;
border-color:#b60134;
border-style:solid;
border-width:0px 1px 1px 1px;
line-height:13.5pt;
}
.my_left_category .my_left_cat_list h2 {
margin:0px;
padding:3px 5px 0px 9px;
}
.my_left_category .my_left_cat_list h2 a {
color:#d6290b;
font-weight:bold;
font-size:14px;
line-height:22px;
}
.my_left_category .my_left_cat_list h2 a:hover {
color:#d6290b;
font-weight:bold;
font-size:14px;
line-height:22px;
}
.my_left_category .h2_cat{
width:148px;
height:26px;
background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/right.gif);
background-repeat:no-repeat;
line-height:26px;
font-weight:normal;
color:#333333;
position:relative;
}
.my_left_category .h2_cat_1{
width:148px;
height:26px;
background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/line.gif);
background-repeat:no-repeat;
line-height:26px;
font-weight:normal;
color:#333333;
position:relative;
}
.my_left_category a{
font:12px;
text-decoration:none;
color:#333333;
}
.my_left_category a:hover{
text-decoration:underline;
color:#ff3333;
}
.my_left_category h3{
margin:0px;
padding:0px;
height:26px;
font-size:12px;
font-weight:normal;
display:block;
padding-left:8px;
}
.my_left_category h3 span{color:#999999; width:145px; float:right;}
.my_left_category h3 a{ line-height:26px;}
.my_left_category .h3_cat{
display:none;
width:204px;
position:absolute;
left:123px;
margin-top:-26px;
cursor:auto;
}
.my_left_category .shadow{
position:inherit;
background:url(http://www.keleyi.com/keleyi/phtml/rightmenu/back.gif) left top;
width:204px;
}
.my_left_category .shadow_border{
position:inherit;
width:200px;
border:1px solid #959595; margin-top:1px;
border-left-width:0px;
background:url(http://www.keleyi.com/keleyi/phtml/rightmenu/height.gif) no-repeat 0px 21px;
background-color:#ffffff;
margin-bottom:3px
}
.my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px}
.my_left_category .shadow_border ul li {
list-style:none;
padding-left:10px;
background-image:url(http://www.keleyi.com/keleyi/phtml/rightmenu/justright.gif);
background-repeat:no-repeat;
background-position:0px 8px;
float:left;
width:75px;
height:26px;
overflow:hidden;
letter-spacing:0px;
}
.my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;}
.my_left_category .active_cat h3 { font-weight:bold}
.my_left_category .active_cat h3 span{ display:none;}
.my_left_category .active_cat div{display:block;}

分类导航

按网站类别

企业建站

LOGO设计

网站设计

网站广告

推广

建网站

柯乐义

网站建设

韩国男装

LOGO设计

网站设计

网站广告

推广

建网站

网站推广

网站建设

韩国童装

LOGO设计

网站设计

网站广告

推广

建网站

网站推广

网站建设

按品牌选货

热销推荐

柯乐义

网站设计

网站广告

推广

建网站

网站推广

网站建设

网站建设

LOGO设计

网站设计

网站广告

推广

建网站

网站推广

推广

建网站

网站推广

推广

建网站

网站推广

网站建设

网站制作

LOGO设计

网站设计

网站广告

推广

建网站

网站推广

网站建设

网站建设

LOGO设计

网站设计网站设计网站设计网站设计

网站广告

推广

建网站

网站推广

网站建设

SEOqqqqqqqqeeeeqqqqqqq

网站程序

ASP.Net

其他网站

按价格选货

低端价位

50元以下

50-100元

中高端价位

100-150元

150-200元

200-300元

300元以上

超值特价区
现货区

0、下方弹出导航菜单代码
复制代码代码如下:

css+div+js下拉菜单导航--柯乐义

*{margin:0;padding:0;list-style-type:none;}
body{padding:0;margin:0;font-size:12px;color:#fff;font-family:arial, helvetica, sans-serif;background:#fff;}
#nav{left:0px;right:0px;width:600px;position:fixed;margin-left:auto;margin-right:auto;top:175px;height:30px;}
#nav li{float:left;text-align:center;}
#nav li a{float:left;width:100px;color:#336601;text-decoration:none;padding:3px 5px 0 5px;}
#nav li a:hover{float:left;width:88px;color:#fff;background:#539d26;text-decoration:none;padding:3px 3px 0 20px;}
.list{font-weight:normal;line-height:20px;text-align:left;padding:4px;}
.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;}
.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;}

Javascript

js中substring

客户端代码着色

js实现代码着色

11个js技巧

tab切换样式

js获取可见域宽

js导航菜单

jQuery

左侧可弹出div

jquery修改a标签

纯文本返回顶部

jquery倒计时

div(tab)切换

选项卡切换

单行文字滚动

DIV到顶固定

修饰title气泡

C#

删除文本空白行

生成图片验证码

生成唯一字符串

向文件写入文本

用IgnoreRoute忽略路径

RouteCollection类

柯乐义图片压缩类

CMS
KeleyiCMS更新

柯乐义留言板介绍

1、
复制代码代码如下:

无标题文档

*{
padding:0;
margin:0;
}
#tab
{
width:400px;
position:relative;
margin:0 auto;
margin-top:100px;
}
#tab div
{
display:none;
position:absolute;
top:24px;
left:0;
width:398px;
border:solid #d4d3d3;
border-width:0 1px 1px;
}
#tab .blank
{
display:block;
padding-bottom:10px;
}
#tab h3
{
width:98px;
float:left;
height:24px;
border:1px solid #cccccc;
text-align:center;
font-size:14px;
font-weight:normal;
line-height:24px;
background:url(images/51.jpg) no-repeat;
cursor:pointer;
}
#tab .up
{
background:url(images/61.jpg) no-repeat;
}
#tab ul
{
margin:15px 0 0;
padding:0;
}
#tab ul,#tab li
{
list-style:none;
}
#tab li
{
width:47.9%;
height:22px;
line-height:22px;
float:left;
margin:0 1%;
border-bottom:1px dashed #cccccc;
text-indent:10px;
display:inline;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden; }
#tab li a
{
font-size:12px;
text-decoration:none;
color:#333333;
text-indent:10px;
}
#tab li a:hover
{
text-decoration:underline;
color:red;
}
#tab a:hover h3
{
border:1px solid #cccccc;
border-bottom:0px;
}

选项一

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

超银行利率4倍不受保护

选项二

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

欧洲央行前副行长出任希腊总理今日就职

选项三

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

新观察：底层社会我们了解多少

选项四

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

俄罗斯将于明夏加入世界贸易组织

2、选项卡用
第一个
第二个

复制代码代码如下:

3、
复制代码代码如下:

* { padding:0; margin:0;}
body { text-align: center; font-family: "宋体",arial;border: 0; background: #FFF; font-size:12px; color:#000;}

#navigation {
margin:2px;
}
#navigation, #navigation li ul {
list-style-type:none;
}
#navigation li {
float:left; text-align:center; position:relative;
}
#navigation li a:link, #navigation li a:visited {
display:block; text-decoration:none;
}
#navigation li a:hover {
color:#fff; background:#2687eb;
}
#navigation li ul li a:hover {
color:#990000; background:#d6ecfd; text-decoration:underline;
}
#navigation li ul {
display:none; position:absolute; width:90px;
top:13px; left:-45px; padding:5px; border:1px solid #d6ecfd;background-color:#f2f9fe;
}

首页

|

风格

恢复默认设置

深度空间风格

IT学习网风格

jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

JavaScript相关栏目本月热门文章